fix(suite): Cardano withdraw modal UI

fivebinaries · Jan 5, 2025 · 8b5cd37 · 8b5cd37
1 parent 05ac752
commit 8b5cd37
Showing 1 changed file with 27 additions and 19 deletions.
diff --git a/packages/suite/src/components/suite/modals/ReduxModal/CardanoWithdrawModal.tsx b/packages/suite/src/components/suite/modals/ReduxModal/CardanoWithdrawModal.tsx
@@ -1,4 +1,14 @@
-import { Button, Icon, Link, NewModal, Row, Column, Text, Card } from '@trezor/components';
+import {
+    Button,
+    Icon,
+    Link,
+    NewModal,
+    Row,
+    Column,
+    Text,
+    Card,
+    Paragraph,
+} from '@trezor/components';
 import { spacings } from '@trezor/theme';
 import { getNetworkName } from '@suite-common/wallet-utils';
 
@@ -25,17 +35,25 @@ export const CardanoWithdrawModal = ({ onCancel }: { onCancel: () => void }) =>
         <NewModal
             onCancel={onCancel}
             heading={<Translation id="TR_CARDANO_WITHDRAW_MODAL_TITLE" />}
+            bottomContent={
+                <>
+                    <Button onClick={() => voteDelegate()}>
+                        <Translation id="TR_CARDANO_WITHDRAW_MODAL_BUTTON_DELEGATE" />
+                    </Button>
+                    <Button onClick={() => voteAbstain()} variant="tertiary">
+                        <Translation id="TR_CARDANO_WITHDRAW_MODAL_BUTTON_ABSTAIN" />
+                    </Button>
+                </>
+            }
         >
-            <Text variant="tertiary">
+            <Paragraph variant="tertiary">
                 <Translation id="TR_CARDANO_WITHDRAW_MODAL_TITLE_DESCRIPTION" />
-            </Text>
+            </Paragraph>
             <Row padding={{ top: spacings.xl }}>
-                <Column>
-                    <Row padding={{ bottom: spacings.md }}>
-                        <Text>
-                            <Translation id="TR_CARDANO_WITHDRAW_MODAL_SUB_TITLE" />
-                        </Text>
-                    </Row>
+                <Column gap={spacings.md}>
+                    <Text>
+                        <Translation id="TR_CARDANO_WITHDRAW_MODAL_SUB_TITLE" />
+                    </Text>
                     <Card>
                         <Row>
                             {trezorDRepBech32}
@@ -48,16 +66,6 @@ export const CardanoWithdrawModal = ({ onCancel }: { onCancel: () => void }) =>
                     </Card>
                 </Column>
             </Row>
-            <Row padding={{ top: spacings.xl }}>
-                <Button onClick={() => voteDelegate()}>
-                    <Translation id="TR_CARDANO_WITHDRAW_MODAL_BUTTON_DELEGATE" />
-                </Button>
-                <Row padding={{ left: spacings.sm }}>
-                    <Button onClick={() => voteAbstain()} variant="tertiary">
-                        <Translation id="TR_CARDANO_WITHDRAW_MODAL_BUTTON_ABSTAIN" />
-                    </Button>
-                </Row>
-            </Row>
         </NewModal>
     );
 };