Let Avatar props be Address type

decentdao · Jun 18, 2024 · 4f6555f · 4f6555f
1 parent ddea81d
commit 4f6555f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/src/components/Activity/ActivityDescriptionGovernance.tsx b/src/components/Activity/ActivityDescriptionGovernance.tsx
@@ -1,5 +1,6 @@
 import { Box, Flex, Text } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
+import { getAddress } from 'viem';
 import { useGetMetadata } from '../../hooks/DAO/proposal/useGetMetadata';
 import useAvatar from '../../hooks/utils/useAvatar';
 import useDisplayName from '../../hooks/utils/useDisplayName';
@@ -64,7 +65,7 @@ function ProposalAuthor({ activity }: { activity: Activity }) {
     >
       <Avatar
         size="sm"
-        address={proposer}
+        address={getAddress(proposer)}
         url={avatarURL}
       />
       <Box>{author}</Box>

diff --git a/src/components/ui/modals/DelegateModal.tsx b/src/components/ui/modals/DelegateModal.tsx
@@ -39,7 +39,7 @@ export function DelegateModal({ close }: { close: Function }) {
 
   const submitDelegation = async (values: { address: string }) => {
     if (!votesTokenAddress || !walletClient) return;
-    let validAddress = getAddress(values.address);
+    let validAddress = values.address;
     if (validateENSName(validAddress) && publicClient) {
       const maybeEnsAddress = await publicClient.getEnsAddress({ name: values.address });
       if (maybeEnsAddress) {
@@ -54,7 +54,7 @@ export function DelegateModal({ close }: { close: Function }) {
     });
 
     contractCall({
-      contractFn: () => votingTokenContract.write.delegate([validAddress]),
+      contractFn: () => votingTokenContract.write.delegate([getAddress(validAddress)]),
       pendingMessage: t('pendingDelegateVote'),
       failedMessage: t('failedDelegateVote'),
       successMessage: t('successDelegateVote'),

diff --git a/src/components/ui/page/Header/Avatar.tsx b/src/components/ui/page/Header/Avatar.tsx
@@ -2,7 +2,7 @@ import { Box, Image } from '@chakra-ui/react';
 import { blo } from 'blo';
 import { Suspense } from 'react';
 import { useImage } from 'react-image';
-import { getAddress } from 'viem';
+import { Address } from 'viem';
 
 export type AvatarSize = 'icon' | 'lg' | 'sm';
 const avatarSizes: { [size: string]: string } = {
@@ -11,15 +11,15 @@ const avatarSizes: { [size: string]: string } = {
   lg: '2rem',
 };
 
-function BlockieAvatar({ address, size }: { size: AvatarSize; address: string }) {
+function BlockieAvatar({ address, size }: { size: AvatarSize; address: Address }) {
   return (
     <Box
       h={avatarSizes[size]}
       w={avatarSizes[size]}
     >
       <Image
         borderRadius="full"
-        src={blo(getAddress(address))}
+        src={blo(address)}
         alt={address}
       />
     </Box>
@@ -48,7 +48,7 @@ function Avatar({
   url,
 }: {
   size?: AvatarSize;
-  address: string;
+  address: Address;
   url?: string | null;
 }) {
   if (!url) {