fix: various fixes

Author: OmarBasem

packages/react-kit/src/shared/components/ListItem/index.tsx

@@ -118,7 +118,7 @@ export function ListItem({
           </div>
         ) : chevron ? (
           <div className="w-13 h-13 flex items-center justify-center">
-            <Icon name="chevronRight" className="h-6 w-6" />
+            <Icon name="chevronRight" className="h-6 w-6 text-greyScale" />
           </div>
         ) : null}
       </button>

packages/react-kit/src/signing/pages/BatchCalls.tsx

@@ -28,8 +28,6 @@ import { decodeErc20Transfer, isErc20Transfer } from '../utils/erc20Transfer.js'
 import { isEthTransfer } from '../utils/ethTransfer.js'
 import { formatGasFee } from '../utils/formatGasFee'
 
-const EXECUTION_TIME = '≈ 1 sec'
-
 type TokenInfo = {
   symbol?: string | undefined
   decimals?: number | undefined
@@ -335,11 +333,6 @@ export function BatchCalls({ calls, confirm, reject }: BatchCallsProps) {
           ) : (
             <DataRowSkeleton label="Fee" />
           )}
-          <DataRow
-            label="Total execution time"
-            value={EXECUTION_TIME}
-            iconName="clock"
-          />
         </DetailsContainer>
       </div>
     </SigningLayout>

packages/react-kit/src/signing/pages/Erc20Transfer.tsx

@@ -2,6 +2,7 @@ import { type Address, erc20Abi, formatUnits, type Hex } from 'viem'
 import { useReadContract } from 'wagmi'
 
 import { Text } from '../../shared/components/Text'
+import { shortenHex } from '../../shared/utils/common'
 import { ArrowCardPair } from '../components/ArrowCardPair'
 import { DataRow, DataRowSkeleton } from '../components/DataRow'
 import { InfoCard } from '../components/InfoCard'
@@ -102,7 +103,7 @@ export function Erc20Transfer({
             }
             bottomCard={
               <InfoCard
-                title={to}
+                title={shortenHex(to)}
                 subtitle="Recipient"
                 imageSource={RECIPIENT_IMAGE_SOURCE}
               />

packages/react-kit/src/signing/pages/EthTransfer.tsx

@@ -1,6 +1,7 @@
 import { type Address, formatEther, type Hex } from 'viem'
 
 import { Text } from '../../shared/components/Text'
+import { shortenHex } from '../../shared/utils/common'
 import { ArrowCardPair } from '../components/ArrowCardPair'
 import { DataRow, DataRowSkeleton } from '../components/DataRow'
 import { InfoCard } from '../components/InfoCard'
@@ -56,7 +57,7 @@ export function EthTransfer({ to, value, confirm, reject }: EthTransferProps) {
             }
             bottomCard={
               <InfoCard
-                title={to}
+                title={shortenHex(to)}
                 subtitle="Recipient"
                 imageSource={RECIPIENT_IMAGE_SOURCE}
               />

packages/react-kit/src/signing/pages/GenericRequest.tsx

@@ -101,7 +101,6 @@ function GenericSendTransaction({
         <DetailsContainer
           title="Transaction Summary"
           iconName="arrowSwapHorizontal"
-          collapsible
         >
           <DataRow label="To" value={shortenHex((to ?? '0x') as string)} />
           <DataRow
@@ -122,11 +121,6 @@ function GenericSendTransaction({
           ) : (
             <DataRowSkeleton label="Fee" />
           )}
-          <DataRow
-            label="Total execution time"
-            value="≈ 1 sec"
-            iconName="clock"
-          />
         </DetailsContainer>
       </div>
     </SigningLayout>