fixup! fix(trade): last transactions design

trezor · Nov 28, 2024 · 1b69294 · 1b69294
1 parent 7d1722f
commit 1b69294
Showing 1 changed file with 6 additions and 14 deletions.
diff --git a/...nmarket/common/CoinmarketTransactions/CoinmarketTransaction/CoinmarketTransactionInfo.tsx b/...nmarket/common/CoinmarketTransactions/CoinmarketTransaction/CoinmarketTransactionInfo.tsx
@@ -1,4 +1,4 @@
-import { InfoPair, Row, Text } from '@trezor/components';
+import { InfoSegments } from '@trezor/components';
 import { spacings } from '@trezor/theme';
 
 import { FormattedDate } from 'src/components/suite';
@@ -26,18 +26,10 @@ export const CoinmarketTransactionInfo = ({ trade }: CoinmarketTransactionInfoPr
     const tradeType = translationString(translationKeys[trade.tradeType]).toUpperCase();
 
     return (
-        <Text margin={{ top: spacings.xs }} variant="tertiary" typographyStyle="label" as="div">
-            <Row alignItems="center" flexWrap="wrap">
-                <InfoPair
-                    leftContent={
-                        <InfoPair
-                            leftContent={tradeType}
-                            rightContent={<FormattedDate value={date} date time />}
-                        />
-                    }
-                    rightContent={<CoinmarketTransactionStatus trade={trade} />}
-                />
-            </Row>
-        </Text>
+        <InfoSegments variant="tertiary" typographyStyle="label" margin={{ top: spacings.xs }}>
+            {tradeType}
+            <FormattedDate value={date} date time />
+            <CoinmarketTransactionStatus trade={trade} />
+        </InfoSegments>
     );
 };