From 1b6929420010745a13f34688e74c15f95e615d55 Mon Sep 17 00:00:00 2001
From: Martin Homola <adder10@gmail.com>
Date: Thu, 28 Nov 2024 16:40:59 +0100
Subject: [PATCH] fixup! fix(trade): last transactions design

---
 .../CoinmarketTransactionInfo.tsx             | 20 ++++++-------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/packages/suite/src/views/wallet/coinmarket/common/CoinmarketTransactions/CoinmarketTransaction/CoinmarketTransactionInfo.tsx b/packages/suite/src/views/wallet/coinmarket/common/CoinmarketTransactions/CoinmarketTransaction/CoinmarketTransactionInfo.tsx
index 679243421157..d36f9c9eb108 100644
--- a/packages/suite/src/views/wallet/coinmarket/common/CoinmarketTransactions/CoinmarketTransaction/CoinmarketTransactionInfo.tsx
+++ b/packages/suite/src/views/wallet/coinmarket/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>
     );
 };