From f2ded085694dc75f4ca464013d21a19072783ce8 Mon Sep 17 00:00:00 2001
From: Leon <>
Date: Thu, 20 Jan 2022 13:53:51 +0200
Subject: [PATCH] fix compile error

---
 ui/src/components/UI/Modals/ConfirmationModal.sass |  8 ++++----
 ui/src/components/UI/Modals/ConfirmationModal.tsx  | 10 +++++-----
 ui/src/components/UI/Modals/CustomModal.tsx        | 14 +++++++-------
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/ui/src/components/UI/Modals/ConfirmationModal.sass b/ui/src/components/UI/Modals/ConfirmationModal.sass
index 447da2471..dca5107a6 100644
--- a/ui/src/components/UI/Modals/ConfirmationModal.sass
+++ b/ui/src/components/UI/Modals/ConfirmationModal.sass
@@ -5,20 +5,20 @@
   padding: 40px
   border-bottom: 1px solid #252C47
   border-top: 1px solid #252C4C
-​
+
 .confirmationHeader
   display: flex
   justify-content: space-between
   align-items: center
   padding: 20px
-​
+
   .confirmationTitle
     font-size: 20px
-​
+
   img
     cursor: pointer
     height: 30px
-​
+
 .confirmationActions
   padding: 20px
   text-align: right
\ No newline at end of file
diff --git a/ui/src/components/UI/Modals/ConfirmationModal.tsx b/ui/src/components/UI/Modals/ConfirmationModal.tsx
index d84beb6dd..87b45edb7 100644
--- a/ui/src/components/UI/Modals/ConfirmationModal.tsx
+++ b/ui/src/components/UI/Modals/ConfirmationModal.tsx
@@ -5,7 +5,7 @@ import {observer} from 'mobx-react-lite';
 import {Button} from "@material-ui/core";
 import './ConfirmationModal.sass';
 import spinner from "../../assets/spinner.svg";
-​
+
 interface ConfirmationModalProps {
     title?: string;
     content: any;
@@ -22,9 +22,9 @@ interface ConfirmationModalProps {
     img?: ReactElement;
     isLoading?: boolean;
 }
-​
+
 const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, content, isOpen, onClose, onConfirm, confirmButtonText, closeButtonText, subContent, confirmDisabled = false, isWide, confirmButtonColor, titleColor, img, isLoading}) => {
-​
+
     return (
         <CustomModal open={isOpen} onClose={onClose} disableBackdropClick={true} isWide={isWide}>
             <div className="confirmationHeader">
@@ -42,7 +42,7 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, co
                     </div>}
                 </div>
             </div>
-​
+
             <div className="confirmationActions">
                 <Button disabled={isLoading} style={{marginRight: 15}} variant="outlined" color="primary" size='large' onClick={onClose}>{closeButtonText ?? "CANCEL"}</Button>
                 <Button disabled={confirmDisabled || isLoading} color='primary' variant='contained' style={confirmButtonColor ? {backgroundColor: confirmButtonColor} : {}} onClick={onConfirm} size='large' endIcon={isLoading && <img src={spinner} alt="spinner"/>}>{confirmButtonText ?? "YES"}</Button>
@@ -50,5 +50,5 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = observer(({title, co
         </CustomModal>
     )
 });
-​
+
 export default ConfirmationModal;
\ No newline at end of file
diff --git a/ui/src/components/UI/Modals/CustomModal.tsx b/ui/src/components/UI/Modals/CustomModal.tsx
index 4e4a603fc..1458a564d 100644
--- a/ui/src/components/UI/Modals/CustomModal.tsx
+++ b/ui/src/components/UI/Modals/CustomModal.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { makeStyles, withStyles, Modal, Backdrop } from '@material-ui/core';
-​
+
 const useStyles = makeStyles({
     modal: {
         display: "flex",
@@ -25,18 +25,18 @@ const useStyles = makeStyles({
         width: "50vw",
         maxWidth: 700,
     },
-​
+
     modalButton: {
         margin: "0 auto"
     },
 });
-​
+
 const MyBackdrop = withStyles({
     root: {
         backgroundColor: '#090b14e6'
     },
 })(Backdrop);
-​
+
 export interface CustomModalProps {
     open: boolean;
     children: React.ReactElement | React.ReactElement[];
@@ -46,15 +46,15 @@ export interface CustomModalProps {
     isPadding?: boolean;
     isWide? :boolean;
 }
-​
+
 const CustomModal: React.FunctionComponent<CustomModalProps> = ({ open = false, onClose, disableBackdropClick = false, children, className, isPadding, isWide }) => {
     const classes = useStyles({});
-​
+
     return <Modal disableEnforceFocus open={open} onClose={onClose} disableBackdropClick={disableBackdropClick} className={`${classes.modal} ${className ?  className : ''}`} BackdropComponent={MyBackdrop}>
         <div className={`${classes.modalContents} ${isPadding ?  classes.paddingModal : ''} ${isWide ?  classes.wideModal : ''}`} >
             {children}
         </div>
     </Modal>
 }
-​
+
 export default CustomModal;
\ No newline at end of file