CP-9622: Set the default background color of the token logo to white. (…

…#2160)
ava-labs · Dec 16, 2024 · 839fe2a · 839fe2a
1 parent 58f883d
commit 839fe2a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/packages/core-mobile/app/components/Avatar.tsx b/packages/core-mobile/app/components/Avatar.tsx
@@ -119,6 +119,7 @@ const AvatarBase: FC<AvatarBaseProps> = ({
       onLoad={() => setFailedToLoad(false)}
       onError={() => setFailedToLoad(true)}
       testID="avatar__logo_avatar"
+      contentFit="contain"
     />
   )
 }
@@ -129,6 +130,7 @@ interface TokenAvatarProps {
   logoUri: string | undefined
   size?: number
   testID?: string
+  backgroundColor?: string
 }
 
 const TokenAvatar: FC<TokenAvatarProps> = props => {
@@ -138,6 +140,7 @@ const TokenAvatar: FC<TokenAvatarProps> = props => {
       title={props.name}
       tokenSymbol={props.symbol}
       testID={props.symbol}
+      backgroundColor={props.backgroundColor}
     />
   )
 }

diff --git a/packages/core-mobile/app/screens/watchlist/TokenDetails/TokenDetail.tsx b/packages/core-mobile/app/screens/watchlist/TokenDetails/TokenDetail.tsx
@@ -180,6 +180,7 @@ const TokenDetail: FC = () => {
                 symbol={symbol}
                 logoUri={logoUri}
                 size={48}
+                backgroundColor="white"
               />
             )
           }

diff --git a/packages/core-mobile/app/screens/watchlist/components/WatchListItem.tsx b/packages/core-mobile/app/screens/watchlist/components/WatchListItem.tsx
@@ -91,12 +91,13 @@ const LeftComponent = ({
           <Space x={9} />
         </>
       )}
-      <Avatar.Custom
+      <Avatar.Token
         name={name}
         symbol={symbol}
         logoUri={logoUri}
         size={32}
         testID={`${name}`}
+        backgroundColor="white"
       />
     </View>
   )