sigit/sigit.io
6
2
Fork 0
Code Issues 55 Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

Placeholder avatar is incosistent across components #39

Merged
s merged 9 commits from issue-27 into main 2024-05-16 08:58:11 +00:00
Conversation 0 Commits 9 Files Changed 5 +12 -9
4 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9aa10664a7 - Show all commits

4
src/components/AppBar/AppBar.tsx
View File

@ -42,12 +42,12 @@ export const AppBar = () => {
useEffect(() => {
if (metadataState && metadataState.content) {
const { picture, display_name, name } = JSON.parse(metadataState.content)
const npub = authState?.usersPubkey ? hexToNpub(authState.usersPubkey) : ''
const pubkey = authState?.usersPubkey || ''
if (picture) {
setUserAvatar(picture)
} else {
setUserAvatar(getRoboHashPicture(npub))
setUserAvatar(getRoboHashPicture(pubkey))
}
setUsername(shorten(display_name || name || '', 7))

3
src/pages/create/index.tsx
View File

@ -490,8 +490,7 @@ const DisplayUser = ({
}, [users])
const imageLoadError = (event: any, pubkey: string) => {
const npub = hexToNpub(pubkey)
event.target.src = getRoboHashPicture(npub)
event.target.src = getRoboHashPicture(pubkey)
}
return (

6
src/pages/verify/index.tsx
View File

@ -632,8 +632,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
}
const getRoboImageUrl = (pubkey: string) => {
const npub = hexToNpub(pubkey)
return getRoboHashPicture(npub)
return getRoboHashPicture(pubkey)
}
return (
@ -719,8 +718,7 @@ const DisplayMeta = ({ meta, nextSigner }: DisplayMetaProps) => {
<TableBody>
{users.map((user, index) => {
const userMeta = metadata[user.pubkey]
const npub = hexToNpub(user.pubkey)
const roboUrl = getRoboHashPicture(npub)
const roboUrl = getRoboHashPicture(user.pubkey)
let signedStatus = '-'

8
src/utils/nostr.ts
View File

@ -140,6 +140,12 @@ export const base64DecodeAuthToken = (authToken: string): SignedEvent => {
}
}
export const getRoboHashPicture = (npub: string): string => {
/**
m marked this conversation as resolved Outdated
s commented 2024-05-15 13:26:47 +00:00
Outdated
Review
Copy Link

Allow this to accept both npub and hex, If provided value is not npub then convert it to npub

Allow this to accept both npub and hex, If provided value is not npub then convert it to npub
*
* @param pubkey in hex or npub format
* @returns robohash.org url for the avatar
*/
export const getRoboHashPicture = (pubkey: string): string => {
const npub = hexToNpub(pubkey)
return `https://robohash.org/${npub}.png?set=set3`
}