add "view all" for all token transfers group (#3213)

2026-09-24 00:28:18 +00:00 · 2026-01-12 14:06:46 +01:00
parent cd8ee6707b
commit 954d705d17
3 changed files with 10 additions and 13 deletions
@@ -1,4 +1,4 @@
-import { GridItem, Flex, Box } from '@chakra-ui/react';
+import { Flex } from '@chakra-ui/react';
 import React from 'react';

 import type { TokenTransfer } from 'types/api/tokenTransfer';
@@ -54,22 +54,19 @@ const TxDetailsTokenTransfers = ({ data, txHash, isOverflow }: Props) => {
              >
                { items.map((item, index) => <TokenTransferSnippet key={ index } data={ item }/>) }
              </Flex>
+              { isOverflow && (
+                <>
+                  { /* FIXME use non-navigation icon */ }
+                  <IconSvg name="navigation/tokens" boxSize={ 6 }/>
+                  <Link href={ viewAllUrl }>
+                    View all
+                  </Link>
+                </>
+              ) }
            </DetailedInfo.ItemValue>
          </React.Fragment>
        );
      }) }
-      { isOverflow && (
-        <>
-          <Box hideBelow="lg"><GridItem></GridItem></Box>
-          <GridItem fontSize="sm" alignItems="center" display="inline-flex" pl={{ base: '28px', lg: 0 }}>
-            { /* FIXME use non-navigation icon */ }
-            <IconSvg name="navigation/tokens" boxSize={ 6 }/>
-            <Link href={ viewAllUrl }>
-              View all
-            </Link>
-          </GridItem>
-        </>
-      ) }
    </>
  );
 };