Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

Use display_name over name

Browse Source
This commit is contained in:
Kieran 2023-01-04 11:29:00 +00:00
parent b80a0128d9
commit 130d41209b
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/element/ProfileImage.js
View File

@ -2,6 +2,7 @@ import "./ProfileImage.css";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import useProfile from "../feed/ProfileFeed"; import useProfile from "../feed/ProfileFeed";
import Nostrich from "../nostrich.jpg"; import Nostrich from "../nostrich.jpg";
import { useMemo } from "react";
export default function ProfileImage(props) { export default function ProfileImage(props) {
const pubkey = props.pubkey; const pubkey = props.pubkey;
@ -10,11 +11,20 @@ export default function ProfileImage(props) {
const user = useProfile(pubkey); const user = useProfile(pubkey);
const hasImage = (user?.picture?.length ?? 0) > 0; const hasImage = (user?.picture?.length ?? 0) > 0;
const name = useMemo(() => {
let name = pubkey.substring(0, 8);
if (user?.display_name?.length > 0) {
name = user.display_name;
} else if (user?.name?.length > 0) {
name = user.name;
}
return name;
}, [user]);
return ( return (
<div className="pfp"> <div className="pfp">
<img src={hasImage ? user.picture : Nostrich} onClick={() => navigate(`/p/${pubkey}`)} /> <img src={hasImage ? user.picture : Nostrich} onClick={() => navigate(`/p/${pubkey}`)} />
<div> <div>
{user?.name ?? pubkey.substring(0, 8)} {name}
{subHeader ? <div>{subHeader}</div> : null} {subHeader ? <div>{subHeader}</div> : null}
</div> </div>
</div> </div>