From f80df772f8e9207219db94fd24c343b09737b191 Mon Sep 17 00:00:00 2001
From: Davinci <m@4gl.io>
Date: Thu, 16 May 2024 10:26:30 +0200
Subject: [PATCH] fix: verify page robohash

---
 src/pages/verify/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/verify/index.tsx b/src/pages/verify/index.tsx
index 6ce6af8..854f4df 100644
--- a/src/pages/verify/index.tsx
+++ b/src/pages/verify/index.tsx
@@ -18,6 +18,7 @@ import { MetadataController } from '../../controllers'
 import { getProfileRoute } from '../../routes'
 import { Meta, ProfileMetadata } from '../../types'
 import {
+  getRoboHashPicture,
   hexToNpub,
   parseJson,
   readContentOfZipEntry,
@@ -113,8 +114,9 @@ export const VerifyPage = () => {
     setIsLoading(false)
   }
 
-  const imageLoadError = (event: any) => {
-    event.target.src = placeholderAvatar
+  const imageLoadError = (event: any, pubkey: string) => {
+    const npub = hexToNpub(pubkey)
+    event.target.src = npub
   }
 
   const getRoboImageUrl = (pubkey: string) => {
@@ -145,7 +147,7 @@ export const VerifyPage = () => {
     return (
       <Box className={styles.user}>
         <img
-          onError={imageLoadError}
+          onError={(event) => {imageLoadError(event, pubkey)}}
           src={profile?.picture || getRoboImageUrl(pubkey)}
           alt="Profile Image"
           className="profile-image"