From 2f954972bc7c0ec468d23160aad633a81a4b46f1 Mon Sep 17 00:00:00 2001
From: Viktor Stefanov <victorystefanov@gmail.com>
Date: Sun, 15 Sep 2024 20:09:30 +0300
Subject: [PATCH 1/2] close button added to confirmationDialog

---
 src/components/common/ConfirmationDialog.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/common/ConfirmationDialog.tsx b/src/components/common/ConfirmationDialog.tsx
index c24465f6c..1ac841520 100644
--- a/src/components/common/ConfirmationDialog.tsx
+++ b/src/components/common/ConfirmationDialog.tsx
@@ -6,6 +6,9 @@ import DialogContent from '@mui/material/DialogContent'
 import DialogContentText from '@mui/material/DialogContentText'
 import DialogTitle from '@mui/material/DialogTitle'
 
+import { Box, IconButton } from '@mui/material'
+import CloseIcon from '@mui/icons-material/Close'
+
 export type ConfirmationDialogRef = HTMLDialogElement
 export interface ConfirmationDialogProps {
   isOpen: boolean
@@ -31,7 +34,12 @@ const ConfirmationDialog = ({
     onClose={handleCancel}
     aria-labelledby="alert-dialog-title"
     aria-describedby="alert-dialog-description">
-    <DialogTitle id="alert-dialog-title">{title}</DialogTitle>
+    <Box display="flex" justifyContent="space-between" alignItems="center">
+      <DialogTitle id="alert-dialog-title">{title}</DialogTitle>
+      <IconButton onClick={handleCancel} style={{ marginRight: '10px' }}>
+        <CloseIcon />
+      </IconButton>
+    </Box>
     <DialogContent>
       <DialogContentText id="alert-dialog-description">{content}</DialogContentText>
     </DialogContent>

From b3b25818ffc8fbf92bf712d3e193ff05314aba1e Mon Sep 17 00:00:00 2001
From: Viktor Stefanov <victorystefanov@gmail.com>
Date: Mon, 16 Sep 2024 12:02:22 +0300
Subject: [PATCH 2/2] edit styles for close-btn-modal

---
 src/components/common/ConfirmationDialog.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/common/ConfirmationDialog.tsx b/src/components/common/ConfirmationDialog.tsx
index 1ac841520..7955c7990 100644
--- a/src/components/common/ConfirmationDialog.tsx
+++ b/src/components/common/ConfirmationDialog.tsx
@@ -9,6 +9,8 @@ import DialogTitle from '@mui/material/DialogTitle'
 import { Box, IconButton } from '@mui/material'
 import CloseIcon from '@mui/icons-material/Close'
 
+import theme from 'common/theme'
+
 export type ConfirmationDialogRef = HTMLDialogElement
 export interface ConfirmationDialogProps {
   isOpen: boolean
@@ -36,7 +38,7 @@ const ConfirmationDialog = ({
     aria-describedby="alert-dialog-description">
     <Box display="flex" justifyContent="space-between" alignItems="center">
       <DialogTitle id="alert-dialog-title">{title}</DialogTitle>
-      <IconButton onClick={handleCancel} style={{ marginRight: '10px' }}>
+      <IconButton onClick={handleCancel} sx={{ marginRight: theme.spacing(1) }}>
         <CloseIcon />
       </IconButton>
     </Box>