From 7d4f6c0bbd6f82ec5a76796f001c2ae6dcf33d73 Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Fri, 10 Jun 2022 21:49:26 +0100
Subject: [PATCH] give SimpleModal component a secondary action

---
 nym-wallet/src/components/Modals/SimpleModal.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/nym-wallet/src/components/Modals/SimpleModal.tsx b/nym-wallet/src/components/Modals/SimpleModal.tsx
index 53e7c79d5a..f9438db18e 100644
--- a/nym-wallet/src/components/Modals/SimpleModal.tsx
+++ b/nym-wallet/src/components/Modals/SimpleModal.tsx
@@ -6,13 +6,14 @@ import { modalStyle } from './styles';
 export const SimpleModal: React.FC<{
   open: boolean;
   onClose?: () => void;
-  onOk?: () => void;
+  onOk?: () => Promise<void>;
   header: string;
   subHeader?: string;
   okLabel: string;
   okDisabled?: boolean;
   sx?: SxProps;
-}> = ({ open, onClose, okDisabled, onOk, header, subHeader, okLabel, sx, children }) => (
+  SecondaryAction?: React.ReactNode;
+}> = ({ open, onClose, okDisabled, onOk, header, subHeader, okLabel, sx, SecondaryAction, children }) => (
   <Modal open={open} onClose={onClose}>
     <Box sx={{ ...modalStyle, ...sx }}>
       <Stack direction="row" justifyContent="space-between" alignItems="center">
@@ -29,9 +30,11 @@ export const SimpleModal: React.FC<{
 
       {children}
 
-      <Button variant="contained" fullWidth sx={{ mt: 3 }} size="large" onClick={onOk} disabled={okDisabled}>
+      <Button variant="contained" fullWidth size="large" onClick={onOk} disabled={okDisabled} sx={{ mt: 2 }}>
         {okLabel}
       </Button>
+
+      {SecondaryAction}
     </Box>
   </Modal>
 );