Fix for profile pic image url

solana-labs · Jan 20, 2025 · 5272954 · 5272954
1 parent b3d2df6
commit 5272954
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/components/Profile/ProfileImage.tsx b/components/Profile/ProfileImage.tsx
@@ -19,7 +19,7 @@ export const ProfileImage: FC<Props> = ({ publicKey, expanded, className }) => {
   ]
   const classes = classNames(commonClasses, className || profilePopupClasses)
 
-  const { profile, loading } = useProfile(publicKey)
+  const { profile, loading, url } = useProfile(publicKey)
 
   // Profile loading - show loading dots
   if (!profile && loading) return <LoadingDots />
@@ -41,7 +41,7 @@ export const ProfileImage: FC<Props> = ({ publicKey, expanded, className }) => {
       <a
           className="underline"
           target="_blank"
-          href={'https://civic.me/' + publicKey?.toString()}
+          href={url}
           rel="noreferrer"
       >
         <ImgWithLoader

diff --git a/components/Profile/useProfile.ts b/components/Profile/useProfile.ts
@@ -13,7 +13,7 @@ const profileIsSet = (profile: BaseProfile): boolean =>
 
 export const useProfile = (
   publicKey?: PublicKey
-): { profile: Profile | undefined; loading: boolean } => {
+): { profile: Profile | undefined; loading: boolean, url: string } => {
   const connection = useLegacyConnectionContext()
   const connectedWallet = useWalletOnePointOh()
 
@@ -35,5 +35,7 @@ export const useProfile = (
     }
   )
 
-  return { profile, loading: isLoading }
+    const url = 'https://civic.me/' + profileWalletPublicKey?.toString()
+
+  return { profile, loading: isLoading, url }
 }