fix(UI): mf-5168 use colorful platform icons (#10640)

DimensionDev · Aug 28, 2023 · 9ff4f61 · 9ff4f61
1 parent 5367206
commit 9ff4f61
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/shared/src/UI/components/CoinMetadataTable/index.tsx b/packages/shared/src/UI/components/CoinMetadataTable/index.tsx
@@ -78,15 +78,15 @@ export interface CoinMetadataTableProps {
 }
 
 const brands: Record<TrendingAPI.CommunityType, React.ReactNode> = {
-    discord: <Icons.DiscordRoundGray size={16} />,
-    facebook: <Icons.FacebookRoundGray size={16} />,
-    github: <Icons.GitHubGray size={16} />,
-    instagram: <Icons.InstagramRoundGray size={16} />,
-    medium: <Icons.MediumGray size={16} />,
-    reddit: <Icons.RedditRoundGray size={16} />,
-    telegram: <Icons.TelegramRoundGray size={16} />,
+    discord: <Icons.DiscordRound size={16} />,
+    facebook: <Icons.FacebookColored size={16} />,
+    github: <Icons.GitHub size={16} />,
+    instagram: <Icons.Instagram size={16} />,
+    medium: <Icons.Medium size={16} />,
+    reddit: <Icons.RedditRound size={16} />,
+    telegram: <Icons.TelegramRound size={16} />,
     twitter: <Icons.TwitterXRound size={16} />,
-    youtube: <Icons.YouTubeGray size={16} />,
+    youtube: <Icons.YouTube size={16} />,
     other: null,
 }
 
@@ -200,7 +200,7 @@ export const CoinMetadataTable = memo(function CoinMetadataTable({ trending }: C
                                 </TableRow>
                             )
                         })}
-                        {!!trending?.coin.community_urls?.length && (
+                        {trending?.coin.community_urls?.length ? (
                             <TableRow>
                                 <TableCell className={classes.cell}>
                                     <Typography className={classes.label} variant="body2">
@@ -231,7 +231,7 @@ export const CoinMetadataTable = memo(function CoinMetadataTable({ trending }: C
                                     </Stack>
                                 </TableCell>
                             </TableRow>
-                        )}
+                        ) : null}
                     </TableBody>
                 </Table>
             </TableContainer>