Always refetch profile in Name and Avatar component

dappforce · Jun 11, 2024 · 46a0468 · 46a0468
1 parent b381cc0
commit 46a0468
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/AddressAvatar.tsx b/src/components/AddressAvatar.tsx
@@ -43,7 +43,9 @@ const AddressAvatar = forwardRef<HTMLDivElement, AddressAvatarProps>(
     const [isAvatarError, setIsAvatarError] = useState(false)
     const onImageError = useCallback(() => setIsAvatarError(true), [])
 
-    const { data: profile, isLoading } = getProfileQuery.useQuery(address)
+    const { data: profile, isLoading } = getProfileQuery.useQuery(address, {
+      refetchOnMount: 'always',
+    })
 
     const profileSource = profile?.profileSpace?.content?.profileSource
     const subsocialProfileImage = profile?.profileSpace?.content?.image

diff --git a/src/components/Name.tsx b/src/components/Name.tsx
@@ -163,7 +163,7 @@ LinkOrText.displayName = 'LinkOrText'
 
 export function useName(address: string) {
   const { data: profile, isLoading: isLoadingProfile } =
-    getProfileQuery.useQuery(address)
+    getProfileQuery.useQuery(address, { refetchOnMount: 'always' })
   const textColor = useRandomColor(address)
 
   let name = generateRandomName(address)