Make displayed avatars consistent for same addresses

decentdao · Mar 27, 2024 · 45bfda3 · 45bfda3
1 parent 0eca025
commit 45bfda3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Activity/ActivityDescriptionGovernance.tsx b/src/components/Activity/ActivityDescriptionGovernance.tsx
@@ -1,6 +1,7 @@
 import { Box, Flex, Text } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { useGetMetadata } from '../../hooks/DAO/proposal/useGetMetadata';
+import useAvatar from '../../hooks/utils/useAvatar';
 import useDisplayName from '../../hooks/utils/useDisplayName';
 import {
   Activity,
@@ -52,6 +53,8 @@ function ProposalAuthor({ activity }: { activity: Activity }) {
       : multisigProposal.confirmations[0].owner;
 
   const { displayName: author } = useDisplayName(proposer);
+  const avatarURL = useAvatar(author);
+
   return (
     <Flex
       gap={2}
@@ -61,7 +64,8 @@ function ProposalAuthor({ activity }: { activity: Activity }) {
     >
       <Avatar
         size="sm"
-        address={author}
+        address={proposer}
+        url={avatarURL}
       />
       <Box>{author}</Box>
     </Flex>

diff --git a/src/components/ui/menus/AccountDisplay/MenuButtonDisplay.tsx b/src/components/ui/menus/AccountDisplay/MenuButtonDisplay.tsx
@@ -25,7 +25,7 @@ export function Connected() {
   } = useFractal();
   const account = user.address;
   const { displayName: accountDisplayName } = useDisplayName(account);
-  const avatarURL = useAvatar(account);
+  const avatarURL = useAvatar(accountDisplayName);
 
   if (!account) {
     return null;