verbiricha/snort
1
0
Fork 0
forked from Kieran/snort
Code Pull Requests 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 useProfile from "../feed/ProfileFeed";
import Nostrich from "../nostrich.jpg";
import { useMemo } from "react";
export default function ProfileImage(props) {
const pubkey = props.pubkey;
@ -10,11 +11,20 @@ export default function ProfileImage(props) {
const user = useProfile(pubkey);
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 (
<div className="pfp">
<img src={hasImage ? user.picture : Nostrich} onClick={() => navigate(`/p/${pubkey}`)} />
<div>
{user?.name ?? pubkey.substring(0, 8)}
{name}
{subHeader ? <div>{subHeader}</div> : null}
</div>
</div>