From c017c5135e0341d0fc1b879f086a3069494a8a5e Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Tue, 6 Sep 2022 16:25:23 -0400
Subject: [PATCH] fix(striker-ui): add default proceed button style in
 ConfirmDialog

---
 striker-ui/components/ConfirmDialog.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/striker-ui/components/ConfirmDialog.tsx b/striker-ui/components/ConfirmDialog.tsx
index 1781093d..72c65d00 100644
--- a/striker-ui/components/ConfirmDialog.tsx
+++ b/striker-ui/components/ConfirmDialog.tsx
@@ -1,6 +1,8 @@
 import { MouseEventHandler, ReactNode } from 'react';
 import { Box, ButtonProps, Dialog, DialogProps } from '@mui/material';
 
+import { BLUE, TEXT } from '../lib/consts/DEFAULT_THEME';
+
 import ContainedButton from './ContainedButton';
 import { Panel, PanelHeader } from './Panels';
 import { BodyText, HeaderText } from './Text';
@@ -61,7 +63,17 @@ const ConfirmDialog = (
         }}
       >
         <ContainedButton onClick={onCancel}>{actionCancelText}</ContainedButton>
-        <ContainedButton sx={proceedButtonSx} onClick={onProceed}>
+        <ContainedButton
+          sx={{
+            backgroundColor: BLUE,
+            color: TEXT,
+
+            '&:hover': { backgroundColor: `${BLUE}F0` },
+
+            ...proceedButtonSx,
+          }}
+          onClick={onProceed}
+        >
           {actionProceedText}
         </ContainedButton>
       </Box>
@@ -71,4 +83,6 @@ const ConfirmDialog = (
 
 ConfirmDialog.defaultProps = CONFIRM_DIALOG_DEFAULT_PROPS;
 
+export type { ConfirmDialogProps };
+
 export default ConfirmDialog;