give SimpleModal component a secondary action

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>
 );