fix: using new icons for the accounts card

leather-io · Aug 27, 2024 · d1ba302 · d1ba302
1 parent 0838254
commit d1ba302
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/ui/components/account/account.card.stories.tsx b/src/app/ui/components/account/account.card.stories.tsx
@@ -94,7 +94,7 @@ export function AccountCardHiddenBalance() {
         <IconButton icon={<ArrowUpIcon />} label="Send" />
         <IconButton icon={<ArrowDownIcon />} label="Receive" />
         <IconButton icon={<PlusIcon />} label="Buy" />
-        <IconButton icon={<SwapIcon />} label="Swap" />
+        <IconButton icon={<ArrowsRepeatLeftRightIcon />} label="Swap" />
       </Flex>
     </Component>
   );

diff --git a/src/app/ui/components/account/account.card.tsx b/src/app/ui/components/account/account.card.tsx
@@ -6,8 +6,8 @@ import { Box, Flex, styled } from 'leather-styles/jsx';
 
 import {
   ChevronDownIcon,
-  EyeIcon,
-  EyeSlashIcon,
+  Eye1Icon,
+  Eye1ClosedIcon,
   Link,
   Pressable,
   SkeletonLoader,
@@ -79,7 +79,7 @@ export function AccountCard({
             data-testid={SharedComponentsSelectors.AccountCardToggleHideBalanceBtn}
             onClick={toggleHideBlance}
           >
-            {hideBalance ? <EyeSlashIcon variant="small" /> : <EyeIcon variant="small" />}
+            {hideBalance ? <Eye1ClosedIcon variant="small" /> : <Eye1Icon variant="small" />}
           </Pressable>
         </Box>
       </Flex>