From 3e5239b9ec1826017e09767cecf0bc90521c8361 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EB=8B=A4=EC=9D=B8?=
 <Wilbur0306@Dainui-MacBookAir.local>
Date: Tue, 14 Feb 2023 12:59:25 +0900
Subject: [PATCH 01/18] =?UTF-8?q?[Feat]=20=EA=B4=80=EB=A6=AC=EC=9E=90=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=95=8C=EB=A6=BC=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=EC=9D=98=20=20All=EB=B2=84=ED=8A=BC=EA=B3=BC=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=EC=97=B0=EA=B2=B0=20=EB=B0=8F=20modalprov?=
 =?UTF-8?q?ider=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20intraID=20?=
 =?UTF-8?q?=EC=A1=B0=EA=B1=B4=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/notification/CreateNotiButton.tsx   | 32 +++++++++++--------
 components/modal/ModalProvider.tsx            |  2 +-
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/components/admin/notification/CreateNotiButton.tsx b/components/admin/notification/CreateNotiButton.tsx
index 256a723ef..0ed98103f 100644
--- a/components/admin/notification/CreateNotiButton.tsx
+++ b/components/admin/notification/CreateNotiButton.tsx
@@ -1,31 +1,35 @@
 import { useSetRecoilState } from 'recoil';
 import { modalState } from 'utils/recoil/modal';
 import style from 'styles/admin/notification/CreateNotificationButton.module.scss';
+// import AdminNotiAllModal from 'components/modal/admin/AdminNotiAllModal';
 
 export default function CreateNotiButton() {
   const setModal = useSetRecoilState(modalState);
 
-  // TODO Create Modal Distinguishing Criteria(param)
-  const openModal = (param?: string) => {
-    if (!param) {
-      // TODO all notification modal
-      console.log('Create all notification');
-    } else {
-      // TODO someone notification modal
-      console.log(`Create ${param} notification`);
-    }
-  };
+  // // TODO Create Modal Distinguishing Criteria(param)
+  // const openModal = (param?: string) => {
+  //   if (!param) {
+  //     // TODO all notification modal
+  //     console.log('Create all notification');
+  //   } else {
+  //     // TODO someone notification modal
+  //     console.log(`Create ${param} notification`);
+  //   }
+  // };
   return (
     <>
       <div className={style.container}>
-        <button className={style.createAllButton} onClick={() => openModal()}>
-          Create All
+        <button
+          className={style.createAllButton}
+          onClick={() => setModal({ modalName: 'ADMIN-NOTI_ALL' })}
+        >
+          All
         </button>
         <button
           className={style.createSomeoneButton}
-          onClick={() => openModal('SOME-ONE')}
+          onClick={() => setModal({ modalName: 'ADMIN-NOTI_USER' })}
         >
-          Create Someone
+          User
         </button>
       </div>
     </>
diff --git a/components/modal/ModalProvider.tsx b/components/modal/ModalProvider.tsx
index 8d5c37fb8..cfd78ae6c 100644
--- a/components/modal/ModalProvider.tsx
+++ b/components/modal/ModalProvider.tsx
@@ -40,7 +40,7 @@ export default function ModalProvider() {
     'FIXED-STAT': <StatChangeModal {...exp} />,
     'ADMIN-PROFILE': intraId ? <AdminProfileModal value={intraId} /> : null,
     'ADMIN-PENALTY': intraId ? <AdminPenaltyModal value={intraId} /> : null,
-    'ADMIN-NOTI_ALL': intraId ? <AdminNotiAllModal value={intraId} /> : null,
+    'ADMIN-NOTI_ALL': <AdminNotiAllModal />,
     'ADMIN-NOTI_USER': intraId ? <AdminNotiUserModal value={intraId} /> : null,
     'ADMIN-CHECK_FEEDBACK': intraId ? <AdminCheckFeedback /> : null,
   };

From f231e7a06e6a5695d46119b64ba5a476bc76e7fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EB=8B=A4=EC=9D=B8?=
 <Wilbur0306@Dainui-MacBookAir.local>
Date: Tue, 14 Feb 2023 14:37:55 +0900
Subject: [PATCH 02/18] =?UTF-8?q?[Feat]=20=EA=B4=80=EB=A6=AC=EC=9E=90=20?=
 =?UTF-8?q?=EC=A0=84=EC=B2=B4=20=EC=9C=A0=EC=A0=80=20=EC=95=8C=EB=A6=BC=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9,=EC=B7=A8=EC=86=8C=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=ED=81=AC=EA=B8=B0=20=EB=B3=80=EA=B2=BD=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/admin/modal/AdminNotiAll.module.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/styles/admin/modal/AdminNotiAll.module.scss b/styles/admin/modal/AdminNotiAll.module.scss
index 423135193..8b9d0f1e0 100644
--- a/styles/admin/modal/AdminNotiAll.module.scss
+++ b/styles/admin/modal/AdminNotiAll.module.scss
@@ -35,6 +35,7 @@
 }
 
 .btns {
+  // align-items: center;
   text-align: center;
   flex-direction: column;
   display: flex;
@@ -43,12 +44,13 @@
 }
 
 .btn {
+  align-items: center;
   display: flex;
   text-align: center;
   justify-content: center;
   margin-bottom: 10px;
-  width: 100px;
-  height: 20px;
+  width: 20rem;
+  height: 40px;
   margin-left: auto;
   margin-right: auto;
   font-weight: bold;

From 7b209f07edb3283b225b0a0bba50cccc9ff8945e Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Tue, 14 Feb 2023 20:45:31 +0900
Subject: [PATCH 03/18] =?UTF-8?q?[Feat]=20toast=20message=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5=20=EC=B4=88=EC=95=88=20=EC=B6=94=EA=B0=80=20#655?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/toastmsg/toastmsg.tsx | 48 ++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 components/toastmsg/toastmsg.tsx

diff --git a/components/toastmsg/toastmsg.tsx b/components/toastmsg/toastmsg.tsx
new file mode 100644
index 000000000..dee4f873f
--- /dev/null
+++ b/components/toastmsg/toastmsg.tsx
@@ -0,0 +1,48 @@
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import Button from '@mui/material/Button';
+import Snackbar from '@mui/material/Snackbar';
+import MuiAlert, { AlertProps } from '@mui/material/Alert';
+
+const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
+  props,
+  ref
+) {
+  return <MuiAlert elevation={6} ref={ref} variant='filled' {...props} />;
+});
+
+export default function CustomizedSnackbars() {
+  const [open, setOpen] = React.useState(false);
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  const handleClose = (
+    event?: React.SyntheticEvent | Event,
+    reason?: string
+  ) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  return (
+    <Stack spacing={2} sx={{ width: '100%' }}>
+      <Button variant='outlined' onClick={handleClick}>
+        Open success snackbar
+      </Button>
+      <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
+        <Alert onClose={handleClose} severity='success' sx={{ width: '100%' }}>
+          This is a success message!
+        </Alert>
+      </Snackbar>
+      <Alert severity='error'>This is an error message!</Alert>
+      <Alert severity='warning'>This is a warning message!</Alert>
+      <Alert severity='info'>This is an information message!</Alert>
+      <Alert severity='success'>This is a success message!</Alert>
+    </Stack>
+  );
+}

From f9ff2bebb77c5ac822aca6fee0ece6c6fecca8f7 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Tue, 14 Feb 2023 21:25:09 +0900
Subject: [PATCH 04/18] =?UTF-8?q?[Feat]=20=EC=A0=84=EC=B2=B4=20=EC=9C=A0?=
 =?UTF-8?q?=EC=A0=80=20=EC=95=8C=EB=A6=BC=20=EB=AA=A8=EB=8B=AC=20toast=20m?=
 =?UTF-8?q?essage=20=EB=9D=84=EC=9A=B0=EA=B8=B0=20=EC=B4=88=EC=95=88=20#65?=
 =?UTF-8?q?5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 81 +++++++++++++++-----
 components/toastmsg/toastmsg.tsx             |  4 -
 2 files changed, 61 insertions(+), 24 deletions(-)

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index fa384e7ff..94c8eacfb 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -2,9 +2,20 @@ import { useSetRecoilState } from 'recoil';
 import { useEffect, useState } from 'react';
 import styles from 'styles/admin/modal/AdminNotiAll.module.scss';
 import { modalState } from 'utils/recoil/modal';
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import Snackbar from '@mui/material/Snackbar';
+import MuiAlert, { AlertProps } from '@mui/material/Alert';
 import instance from 'utils/axios';
 import { finished } from 'stream';
 
+const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
+  props,
+  ref
+) {
+  return <MuiAlert elevation={6} ref={ref} variant='filled' {...props} />;
+});
+
 interface EditedAllNoti {
   notification: string | number;
 }
@@ -42,20 +53,20 @@ export default function AdminNotiAllModal(props: any) {
   // useEffect(() => {
   //   getBasicPenaltyHandler();
   // }, []);
-  const finishEditHandler = () => {
-    let errMsg = '';
-    if (editedAllNoti.notification < 0) {
-      errMsg += '시간은 0 이상이어야합니다.\n';
-      console.log(errMsg);
-      editedAllNoti.notification = '';
-    }
-    if (errMsg) alert(errMsg);
-    setAllNoti({
-      ...editedAllNoti,
-      intraID: props.value,
-    });
-    // setModal({ modalName: null });
-  };
+  // const finishEditHandler = () => {
+  //   let errMsg = '';
+  //   if (editedAllNoti.notification < 0) {
+  //     errMsg += '시간은 0 이상이어야합니다.\n';
+  //     console.log(errMsg);
+  //     editedAllNoti.notification = '';
+  //   }
+  //   if (errMsg) alert(errMsg);
+  //   setAllNoti({
+  //     ...editedAllNoti,
+  //     intraID: props.value,
+  //   });
+  //   // setModal({ modalName: null });
+  // };
   useEffect(() => {
     console.log({ allNoti });
     return () => {
@@ -63,7 +74,24 @@ export default function AdminNotiAllModal(props: any) {
     };
   }, [allNoti]);
   const setModal = useSetRecoilState(modalState);
+  const finishEditHandler = () => setModal({ modalName: null });
   const cancelEditHandler = () => setModal({ modalName: null });
+  const [open, setOpen] = React.useState(false);
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  const handleClose = (
+    event?: React.SyntheticEvent | Event,
+    reason?: string
+  ) => {
+    if (reason === 'clickaway') {
+      return;
+    }
+
+    setOpen(false);
+  };
 
   return (
     <div className={styles.whole}>
@@ -84,12 +112,25 @@ export default function AdminNotiAllModal(props: any) {
         </label>
 
         <div className={styles.btns}>
-          <button
-            className={allNoti ? `${styles.hide}` : `${styles.btn}`}
-            onClick={finishEditHandler}
-          >
-            적용
-          </button>
+          <Stack spacing={2} sx={{ width: '100%' }}>
+            <button
+              onClick={() => {
+                handleClick();
+              }}
+              className={styles.btn}
+            >
+              적용
+            </button>
+            <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
+              <Alert
+                onClose={handleClose}
+                severity='success'
+                sx={{ width: '100%' }}
+              >
+                This is a success message!
+              </Alert>
+            </Snackbar>
+          </Stack>
           <button className={styles.btn} onClick={cancelEditHandler}>
             취소
           </button>
diff --git a/components/toastmsg/toastmsg.tsx b/components/toastmsg/toastmsg.tsx
index dee4f873f..3621dce62 100644
--- a/components/toastmsg/toastmsg.tsx
+++ b/components/toastmsg/toastmsg.tsx
@@ -39,10 +39,6 @@ export default function CustomizedSnackbars() {
           This is a success message!
         </Alert>
       </Snackbar>
-      <Alert severity='error'>This is an error message!</Alert>
-      <Alert severity='warning'>This is a warning message!</Alert>
-      <Alert severity='info'>This is an information message!</Alert>
-      <Alert severity='success'>This is a success message!</Alert>
     </Stack>
   );
 }

From 0734fdc4d319cf909c76ff54e6750a8ae32f2975 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Wed, 15 Feb 2023 13:52:47 +0900
Subject: [PATCH 05/18] =?UTF-8?q?[Feat]=20=EA=B4=80=EB=A6=AC=EC=9E=90=20?=
 =?UTF-8?q?=EC=A0=84=EC=B2=B4=20=EC=9C=A0=EC=A0=80=20=EC=95=8C=EB=A6=BC=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20textarea=20=EC=88=98=EC=A0=95=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 4 +---
 styles/admin/modal/AdminNotiAll.module.scss  | 4 ----
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index fa384e7ff..bd6b3caec 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -72,10 +72,8 @@ export default function AdminNotiAllModal(props: any) {
 
         <label className={styles.body}>
           To: everyone
-          <input
+          <textarea
             className={styles.blank}
-            type='text'
-            pattern='[a-zA-Z0-9가-힣]'
             name='notification'
             onChange={inputChangeHandler}
             value={allNoti?.notification}
diff --git a/styles/admin/modal/AdminNotiAll.module.scss b/styles/admin/modal/AdminNotiAll.module.scss
index 8b9d0f1e0..b31678233 100644
--- a/styles/admin/modal/AdminNotiAll.module.scss
+++ b/styles/admin/modal/AdminNotiAll.module.scss
@@ -22,25 +22,21 @@
   padding: 1rem 1rem;
   flex-direction: column;
   justify-content: center;
-  text-align: center;
   font-size: 30px;
 }
 
 .blank {
   display: flex;
-  text-align: center;
   margin: auto;
   width: 20rem;
   height: 25rem;
 }
 
 .btns {
-  // align-items: center;
   text-align: center;
   flex-direction: column;
   display: flex;
   justify-content: center;
-  // justify-items: center;
 }
 
 .btn {

From 4287a81f211841e35432374b9f6961d142db4fe6 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Mon, 20 Feb 2023 15:15:28 +0900
Subject: [PATCH 06/18] =?UTF-8?q?[Feat]=20toast=20message=20=EC=B5=9C?=
 =?UTF-8?q?=EC=A2=85=20=EA=B0=9C=EC=84=A0=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 83 ++++----------------
 components/toastmsg/toastmsg.tsx             | 36 +++++----
 2 files changed, 39 insertions(+), 80 deletions(-)

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index aa3f36fc3..def1e574b 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -1,15 +1,13 @@
 import { useSetRecoilState } from 'recoil';
-import { useEffect, useState } from 'react';
+import { forwardRef, useEffect, useState } from 'react';
 import styles from 'styles/admin/modal/AdminNotiAll.module.scss';
 import { modalState } from 'utils/recoil/modal';
-import * as React from 'react';
-import Stack from '@mui/material/Stack';
-import Snackbar from '@mui/material/Snackbar';
+import CustomizedSnackbars from 'components/toastmsg/toastmsg';
 import MuiAlert, { AlertProps } from '@mui/material/Alert';
 import instance from 'utils/axios';
 import { finished } from 'stream';
 
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
+const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
   props,
   ref
 ) {
@@ -20,10 +18,6 @@ interface EditedAllNoti {
   notification: string | number;
 }
 
-//noti가 비어있을 때 적용안되게 수정필요
-
-const MINUTE_LIMIT = 59;
-
 export default function AdminNotiAllModal(props: any) {
   const [allNoti, setAllNoti] = useState<any>(/* 초기값 필요 */);
   const [editedAllNoti, setEditedAllNoti] = useState<EditedAllNoti>({
@@ -41,32 +35,6 @@ export default function AdminNotiAllModal(props: any) {
     }));
   };
 
-  const getBasicNotiAllHandler = async () => {
-    const res = await fetch(
-      `http://localhost:3000/api/admin/users/intraId/penalty`
-      /* noti 모달인데 패널티 api를 불러옴 post요청인데 애초에 fetch로 정보 불러온게 이상 */
-    );
-    const data = await res.json();
-    setAllNoti(data[0]);
-  };
-
-  // useEffect(() => {
-  //   getBasicPenaltyHandler();
-  // }, []);
-  // const finishEditHandler = () => {
-  //   let errMsg = '';
-  //   if (editedAllNoti.notification < 0) {
-  //     errMsg += '시간은 0 이상이어야합니다.\n';
-  //     console.log(errMsg);
-  //     editedAllNoti.notification = '';
-  //   }
-  //   if (errMsg) alert(errMsg);
-  //   setAllNoti({
-  //     ...editedAllNoti,
-  //     intraID: props.value,
-  //   });
-  //   // setModal({ modalName: null });
-  // };
   useEffect(() => {
     console.log({ allNoti });
     return () => {
@@ -76,23 +44,12 @@ export default function AdminNotiAllModal(props: any) {
   const setModal = useSetRecoilState(modalState);
   const finishEditHandler = () => setModal({ modalName: null });
   const cancelEditHandler = () => setModal({ modalName: null });
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = useState(false);
 
   const handleClick = () => {
     setOpen(true);
   };
 
-  const handleClose = (
-    event?: React.SyntheticEvent | Event,
-    reason?: string
-  ) => {
-    if (reason === 'clickaway') {
-      return;
-    }
-
-    setOpen(false);
-  };
-
   return (
     <div className={styles.whole}>
       <div className={styles.body}>
@@ -110,25 +67,19 @@ export default function AdminNotiAllModal(props: any) {
         </label>
 
         <div className={styles.btns}>
-          <Stack spacing={2} sx={{ width: '100%' }}>
-            <button
-              onClick={() => {
-                handleClick();
-              }}
-              className={styles.btn}
-            >
-              적용
-            </button>
-            <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
-              <Alert
-                onClose={handleClose}
-                severity='success'
-                sx={{ width: '100%' }}
-              >
-                This is a success message!
-              </Alert>
-            </Snackbar>
-          </Stack>
+          <button
+            onClick={() => {
+              handleClick();
+            }}
+            className={styles.btn}
+          >
+            적용
+          </button>
+          <CustomizedSnackbars
+            clicked={open}
+            severity='success'
+            message='Successfully Sent!'
+          />
           <button className={styles.btn} onClick={cancelEditHandler}>
             취소
           </button>
diff --git a/components/toastmsg/toastmsg.tsx b/components/toastmsg/toastmsg.tsx
index 3621dce62..aac8f7ed5 100644
--- a/components/toastmsg/toastmsg.tsx
+++ b/components/toastmsg/toastmsg.tsx
@@ -1,22 +1,33 @@
-import * as React from 'react';
 import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
 import Snackbar from '@mui/material/Snackbar';
-import MuiAlert, { AlertProps } from '@mui/material/Alert';
+import MuiAlert, { AlertColor, AlertProps } from '@mui/material/Alert';
+import { forwardRef, useEffect, useState } from 'react';
 
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
+interface Props {
+  severity: AlertColor;
+  message: string;
+  clicked: boolean;
+}
+
+const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
   props,
   ref
 ) {
   return <MuiAlert elevation={6} ref={ref} variant='filled' {...props} />;
 });
 
-export default function CustomizedSnackbars() {
-  const [open, setOpen] = React.useState(false);
+export default function CustomizedSnackbars({
+  severity,
+  message,
+  clicked,
+}: Props) {
+  const [open, setOpen] = useState(false);
 
-  const handleClick = () => {
-    setOpen(true);
-  };
+  useEffect(() => {
+    if (clicked) {
+      setOpen(true);
+    }
+  }, [clicked]);
 
   const handleClose = (
     event?: React.SyntheticEvent | Event,
@@ -31,12 +42,9 @@ export default function CustomizedSnackbars() {
 
   return (
     <Stack spacing={2} sx={{ width: '100%' }}>
-      <Button variant='outlined' onClick={handleClick}>
-        Open success snackbar
-      </Button>
       <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
-        <Alert onClose={handleClose} severity='success' sx={{ width: '100%' }}>
-          This is a success message!
+        <Alert onClose={handleClose} severity={severity} sx={{ width: '100%' }}>
+          {message}
         </Alert>
       </Snackbar>
     </Stack>

From d18c3f1a37859b667e779175db56860aa724d655 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Mon, 20 Feb 2023 16:55:44 +0900
Subject: [PATCH 07/18] =?UTF-8?q?[Feat]=20=EB=B6=88=ED=95=84=EC=9A=94?=
 =?UTF-8?q?=ED=95=9C=20=EC=A3=BC=EC=84=9D/=EC=BD=94=EB=93=9C=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 18 +-----------------
 1 file changed, 1 insertion(+), 17 deletions(-)

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index def1e574b..444384d68 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -1,18 +1,8 @@
 import { useSetRecoilState } from 'recoil';
-import { forwardRef, useEffect, useState } from 'react';
+import { useState } from 'react';
 import styles from 'styles/admin/modal/AdminNotiAll.module.scss';
 import { modalState } from 'utils/recoil/modal';
 import CustomizedSnackbars from 'components/toastmsg/toastmsg';
-import MuiAlert, { AlertProps } from '@mui/material/Alert';
-import instance from 'utils/axios';
-import { finished } from 'stream';
-
-const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
-  props,
-  ref
-) {
-  return <MuiAlert elevation={6} ref={ref} variant='filled' {...props} />;
-});
 
 interface EditedAllNoti {
   notification: string | number;
@@ -35,12 +25,6 @@ export default function AdminNotiAllModal(props: any) {
     }));
   };
 
-  useEffect(() => {
-    console.log({ allNoti });
-    return () => {
-      console.log({ allNoti });
-    };
-  }, [allNoti]);
   const setModal = useSetRecoilState(modalState);
   const finishEditHandler = () => setModal({ modalName: null });
   const cancelEditHandler = () => setModal({ modalName: null });

From 6a6dec4224fcc4edc69abe6a61fdfa82035a4d41 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Mon, 20 Feb 2023 17:17:53 +0900
Subject: [PATCH 08/18] =?UTF-8?q?[Feat]=20CreateNotiButton=20=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20=EC=A3=BC?=
 =?UTF-8?q?=EC=84=9D=20=EC=82=AD=EC=A0=9C=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/admin/notification/CreateNotiButton.tsx | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/components/admin/notification/CreateNotiButton.tsx b/components/admin/notification/CreateNotiButton.tsx
index 0ed98103f..b09fac595 100644
--- a/components/admin/notification/CreateNotiButton.tsx
+++ b/components/admin/notification/CreateNotiButton.tsx
@@ -1,21 +1,10 @@
 import { useSetRecoilState } from 'recoil';
 import { modalState } from 'utils/recoil/modal';
 import style from 'styles/admin/notification/CreateNotificationButton.module.scss';
-// import AdminNotiAllModal from 'components/modal/admin/AdminNotiAllModal';
 
 export default function CreateNotiButton() {
   const setModal = useSetRecoilState(modalState);
 
-  // // TODO Create Modal Distinguishing Criteria(param)
-  // const openModal = (param?: string) => {
-  //   if (!param) {
-  //     // TODO all notification modal
-  //     console.log('Create all notification');
-  //   } else {
-  //     // TODO someone notification modal
-  //     console.log(`Create ${param} notification`);
-  //   }
-  // };
   return (
     <>
       <div className={style.container}>

From f9251049da27d01023b5c4c239f5604a1db64b89 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Mon, 20 Feb 2023 17:56:05 +0900
Subject: [PATCH 09/18] =?UTF-8?q?[Feat]=20=EA=B4=80=EB=A6=AC=EC=9E=90=20?=
 =?UTF-8?q?=EC=A0=84=EC=B2=B4=20=EC=9C=A0=EC=A0=80=20=EC=95=8C=EB=A6=BC=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?=EB=AC=B8=EA=B5=AC=20=EC=82=AD=EC=A0=9C=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index 444384d68..541b71365 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -40,7 +40,6 @@ export default function AdminNotiAllModal(props: any) {
         <div className={styles.title}>NOTI FOR ALL</div>
 
         <label className={styles.body}>
-          To: everyone
           <textarea
             className={styles.blank}
             name='notification'

From 4bad0b7187ad59fd582de64c5036bca45b98e019 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Tue, 21 Feb 2023 16:26:43 +0900
Subject: [PATCH 10/18] =?UTF-8?q?[Feat]=20escapeKeyDown=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=ED=95=98=EB=93=9C?=
 =?UTF-8?q?=EC=BD=94=EB=94=A9=20=EC=88=98=EC=A0=95=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 2 +-
 components/toastmsg/toastmsg.tsx             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index 541b71365..3bac1f492 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -31,7 +31,7 @@ export default function AdminNotiAllModal(props: any) {
   const [open, setOpen] = useState(false);
 
   const handleClick = () => {
-    setOpen(true);
+    setOpen((prev) => !prev);
   };
 
   return (
diff --git a/components/toastmsg/toastmsg.tsx b/components/toastmsg/toastmsg.tsx
index aac8f7ed5..bd2202d39 100644
--- a/components/toastmsg/toastmsg.tsx
+++ b/components/toastmsg/toastmsg.tsx
@@ -33,7 +33,7 @@ export default function CustomizedSnackbars({
     event?: React.SyntheticEvent | Event,
     reason?: string
   ) => {
-    if (reason === 'clickaway') {
+    if (reason === 'clickaway' || reason === 'escapeKeyDown') {
       return;
     }
 

From 9cc5ad68c1a0ed433a287b5d0f52146eca5934e5 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Tue, 21 Feb 2023 16:35:09 +0900
Subject: [PATCH 11/18] =?UTF-8?q?[Feat]=20import=20=EB=A3=B0=20=EC=88=9C?=
 =?UTF-8?q?=EC=84=9C=20=EC=88=98=EC=A0=95=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/toastmsg/toastmsg.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/toastmsg/toastmsg.tsx b/components/toastmsg/toastmsg.tsx
index bd2202d39..f0d26a23e 100644
--- a/components/toastmsg/toastmsg.tsx
+++ b/components/toastmsg/toastmsg.tsx
@@ -1,7 +1,7 @@
+import { forwardRef, useEffect, useState } from 'react';
 import Stack from '@mui/material/Stack';
 import Snackbar from '@mui/material/Snackbar';
 import MuiAlert, { AlertColor, AlertProps } from '@mui/material/Alert';
-import { forwardRef, useEffect, useState } from 'react';
 
 interface Props {
   severity: AlertColor;

From 3b32f69dc5b3c52138d6737797ce1eacb4877e09 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Tue, 21 Feb 2023 16:36:31 +0900
Subject: [PATCH 12/18] =?UTF-8?q?[Feat]=20import=20=EB=A3=B0=20=EA=B8=B0?=
 =?UTF-8?q?=EB=B0=98=20=EC=88=9C=EC=84=9C=20=EC=88=98=EC=A0=95=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index 3bac1f492..932c031d2 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -1,8 +1,8 @@
-import { useSetRecoilState } from 'recoil';
 import { useState } from 'react';
-import styles from 'styles/admin/modal/AdminNotiAll.module.scss';
+import { useSetRecoilState } from 'recoil';
 import { modalState } from 'utils/recoil/modal';
 import CustomizedSnackbars from 'components/toastmsg/toastmsg';
+import styles from 'styles/admin/modal/AdminNotiAll.module.scss';
 
 interface EditedAllNoti {
   notification: string | number;

From d35d10bdad2b887a23506dedd710fd13c2304f20 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Tue, 21 Feb 2023 16:42:15 +0900
Subject: [PATCH 13/18] =?UTF-8?q?[Feat]=20scss=20=EC=BB=A8=EB=B2=A4?=
 =?UTF-8?q?=EC=85=98=20=EA=B8=B0=EB=B0=98=20=EC=88=9C=EC=84=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/admin/modal/AdminNotiAll.module.scss | 22 ++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/styles/admin/modal/AdminNotiAll.module.scss b/styles/admin/modal/AdminNotiAll.module.scss
index b31678233..1f010133d 100644
--- a/styles/admin/modal/AdminNotiAll.module.scss
+++ b/styles/admin/modal/AdminNotiAll.module.scss
@@ -1,27 +1,27 @@
 .whole {
-  text-align: center;
   display: flex;
-  justify-content: center;
   display: inline-block;
-  align-items: center;
   display: inline-block;
+  justify-content: center;
   width: 25rem;
   height: 40rem;
+  text-align: center;
+  align-items: center;
 }
 
 .title {
+  margin-top: 20px;
   font-size: 1.5rem;
   font-weight: bold;
   font-style: normal;
-  margin-top: 20px;
 }
 
 .body {
   display: flex;
   margin-bottom: 0.2px;
+  justify-content: center;
   padding: 1rem 1rem;
   flex-direction: column;
-  justify-content: center;
   font-size: 30px;
 }
 
@@ -33,23 +33,23 @@
 }
 
 .btns {
-  text-align: center;
-  flex-direction: column;
   display: flex;
   justify-content: center;
+  flex-direction: column;
+  text-align: center;
 }
 
 .btn {
-  align-items: center;
   display: flex;
-  text-align: center;
   justify-content: center;
+  margin-left: auto;
+  margin-right: auto;
   margin-bottom: 10px;
   width: 20rem;
   height: 40px;
-  margin-left: auto;
-  margin-right: auto;
   font-weight: bold;
+  text-align: center;
+  align-items: center;
 }
 
 .hide {

From 3c5d7d9f6d684db448c2fbe59d19935fc5a66d2c Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Wed, 22 Feb 2023 16:20:10 +0900
Subject: [PATCH 14/18] =?UTF-8?q?[Feat]=20toast=20message=20provider?=
 =?UTF-8?q?=EB=A1=9C=20=EB=AA=A8=EB=8B=AC=EA=B3=BC=20=EB=B6=84=EB=A6=AC=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modal/admin/AdminNotiAllModal.tsx | 18 +++++-----
 components/toastmsg/toastmsg.tsx             | 37 ++++++++------------
 utils/recoil/toast.ts                        | 15 ++++++++
 3 files changed, 39 insertions(+), 31 deletions(-)
 create mode 100644 utils/recoil/toast.ts

diff --git a/components/modal/admin/AdminNotiAllModal.tsx b/components/modal/admin/AdminNotiAllModal.tsx
index 932c031d2..b1064ba81 100644
--- a/components/modal/admin/AdminNotiAllModal.tsx
+++ b/components/modal/admin/AdminNotiAllModal.tsx
@@ -1,14 +1,14 @@
 import { useState } from 'react';
 import { useSetRecoilState } from 'recoil';
 import { modalState } from 'utils/recoil/modal';
-import CustomizedSnackbars from 'components/toastmsg/toastmsg';
 import styles from 'styles/admin/modal/AdminNotiAll.module.scss';
+import { toastState } from 'utils/recoil/toast';
 
 interface EditedAllNoti {
   notification: string | number;
 }
 
-export default function AdminNotiAllModal(props: any) {
+export default function AdminNotiAllModal() {
   const [allNoti, setAllNoti] = useState<any>(/* 초기값 필요 */);
   const [editedAllNoti, setEditedAllNoti] = useState<EditedAllNoti>({
     notification: '',
@@ -28,10 +28,15 @@ export default function AdminNotiAllModal(props: any) {
   const setModal = useSetRecoilState(modalState);
   const finishEditHandler = () => setModal({ modalName: null });
   const cancelEditHandler = () => setModal({ modalName: null });
-  const [open, setOpen] = useState(false);
+  const setSnackBar = useSetRecoilState(toastState);
 
   const handleClick = () => {
-    setOpen((prev) => !prev);
+    setSnackBar({
+      toastName: 'noti all',
+      severity: 'success',
+      message: 'Successfully Sent!',
+      clicked: true,
+    });
   };
 
   return (
@@ -58,11 +63,6 @@ export default function AdminNotiAllModal(props: any) {
           >
             적용
           </button>
-          <CustomizedSnackbars
-            clicked={open}
-            severity='success'
-            message='Successfully Sent!'
-          />
           <button className={styles.btn} onClick={cancelEditHandler}>
             취소
           </button>
diff --git a/components/toastmsg/toastmsg.tsx b/components/toastmsg/toastmsg.tsx
index f0d26a23e..8c20312ed 100644
--- a/components/toastmsg/toastmsg.tsx
+++ b/components/toastmsg/toastmsg.tsx
@@ -1,13 +1,9 @@
-import { forwardRef, useEffect, useState } from 'react';
+import { forwardRef, useEffect } from 'react';
+import { useRecoilState } from 'recoil';
+import { toastState } from 'utils/recoil/toast';
 import Stack from '@mui/material/Stack';
 import Snackbar from '@mui/material/Snackbar';
-import MuiAlert, { AlertColor, AlertProps } from '@mui/material/Alert';
-
-interface Props {
-  severity: AlertColor;
-  message: string;
-  clicked: boolean;
-}
+import MuiAlert, { AlertProps } from '@mui/material/Alert';
 
 const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
   props,
@@ -16,18 +12,12 @@ const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(
   return <MuiAlert elevation={6} ref={ref} variant='filled' {...props} />;
 });
 
-export default function CustomizedSnackbars({
-  severity,
-  message,
-  clicked,
-}: Props) {
-  const [open, setOpen] = useState(false);
-
+export default function CustomizedSnackbars() {
+  const [{ severity, message, clicked }, setSnackBar] =
+    useRecoilState(toastState);
   useEffect(() => {
-    if (clicked) {
-      setOpen(true);
-    }
-  }, [clicked]);
+    if (clicked) setSnackBar({ toastName: null });
+  }, []);
 
   const handleClose = (
     event?: React.SyntheticEvent | Event,
@@ -36,13 +26,16 @@ export default function CustomizedSnackbars({
     if (reason === 'clickaway' || reason === 'escapeKeyDown') {
       return;
     }
-
-    setOpen(false);
+    setSnackBar({ toastName: null });
   };
 
   return (
     <Stack spacing={2} sx={{ width: '100%' }}>
-      <Snackbar open={open} autoHideDuration={6000} onClose={handleClose}>
+      <Snackbar
+        open={clicked ?? false}
+        autoHideDuration={6000}
+        onClose={handleClose}
+      >
         <Alert onClose={handleClose} severity={severity} sx={{ width: '100%' }}>
           {message}
         </Alert>
diff --git a/utils/recoil/toast.ts b/utils/recoil/toast.ts
new file mode 100644
index 000000000..5b8f2704e
--- /dev/null
+++ b/utils/recoil/toast.ts
@@ -0,0 +1,15 @@
+import { atom } from 'recoil';
+import { v1 } from 'uuid';
+import { AlertColor } from '@mui/material';
+
+interface Toast {
+  toastName: string | null;
+  severity?: AlertColor;
+  message?: string;
+  clicked?: boolean;
+}
+
+export const toastState = atom<Toast>({
+  key: `toastState/${v1()}`,
+  default: { toastName: null },
+});

From 3f495a1f613ebe1cd32c25fc51576079dc84edb1 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Wed, 22 Feb 2023 16:48:00 +0900
Subject: [PATCH 15/18] =?UTF-8?q?[Feat]=20toast=20message=20=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=EA=B3=BC=20=EB=B6=84=EB=A6=AC=20=EC=8B=9C=ED=82=A4?=
 =?UTF-8?q?=EA=B8=B0=20=EC=B6=94=EA=B0=80=20=EC=9E=91=EC=97=85=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/_app.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 39db68874..e19a2e50c 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -8,6 +8,7 @@ import Layout from 'components/Layout/Layout';
 import ErrorChecker from 'components/error/ErrorChecker';
 import LoginChecker from 'components/LoginChecker';
 import ModalProvider from 'components/modal/ModalProvider';
+import CustomizedSnackbars from 'components/toastmsg/toastmsg';
 import * as gtag from 'lib/gtag';
 import 'styles/globals.css';
 
@@ -54,6 +55,7 @@ function MyApp({ Component, pageProps }: AppProps) {
               <Component {...pageProps} />
             </Layout>
             <ModalProvider />
+            <CustomizedSnackbars />
           </ErrorChecker>
         </LoginChecker>
       </RecoilRoot>

From 06f22979ac8ea08344f5bbc54dad7917fd6884d7 Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Wed, 22 Feb 2023 16:53:01 +0900
Subject: [PATCH 16/18] =?UTF-8?q?[Feat]=20=EC=A0=84=EC=B2=B4=20=EC=9C=A0?=
 =?UTF-8?q?=EC=A0=80=20=EC=95=8C=EB=A6=BC=20css=20order=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/admin/modal/AdminNotiAll.module.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles/admin/modal/AdminNotiAll.module.scss b/styles/admin/modal/AdminNotiAll.module.scss
index 1f010133d..2077107d3 100644
--- a/styles/admin/modal/AdminNotiAll.module.scss
+++ b/styles/admin/modal/AdminNotiAll.module.scss
@@ -2,11 +2,11 @@
   display: flex;
   display: inline-block;
   display: inline-block;
+  align-items: center;
   justify-content: center;
   width: 25rem;
   height: 40rem;
   text-align: center;
-  align-items: center;
 }
 
 .title {
@@ -41,6 +41,7 @@
 
 .btn {
   display: flex;
+  align-items: center;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
@@ -49,7 +50,6 @@
   height: 40px;
   font-weight: bold;
   text-align: center;
-  align-items: center;
 }
 
 .hide {

From 384e85269c8008079824e1b079584e47e3fce24e Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Wed, 22 Feb 2023 17:08:55 +0900
Subject: [PATCH 17/18] =?UTF-8?q?[Feat]=20=EC=A0=84=EC=B2=B4=20=EC=9C=A0?=
 =?UTF-8?q?=EC=A0=80=20=EC=95=8C=EB=A6=BC=20=EB=AA=A8=EB=8B=AC=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=EC=B0=BD=20=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=A1=B0?=
 =?UTF-8?q?=EC=A0=88=20=EC=A0=9C=ED=95=9C=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/admin/modal/AdminNotiAll.module.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/styles/admin/modal/AdminNotiAll.module.scss b/styles/admin/modal/AdminNotiAll.module.scss
index 2077107d3..95d5777b1 100644
--- a/styles/admin/modal/AdminNotiAll.module.scss
+++ b/styles/admin/modal/AdminNotiAll.module.scss
@@ -30,6 +30,7 @@
   margin: auto;
   width: 20rem;
   height: 25rem;
+  resize: none;
 }
 
 .btns {

From 93c7ec856d8313ea56b31fb1a59fa72da3adeabf Mon Sep 17 00:00:00 2001
From: Dain Jeong <dainjeong1004@gmail.com>
Date: Wed, 22 Feb 2023 17:15:26 +0900
Subject: [PATCH 18/18] =?UTF-8?q?[Fix]=20=EB=91=90=20=EC=A4=84=EB=A1=9C=20?=
 =?UTF-8?q?=EB=90=98=EC=96=B4=EC=9E=88=EB=8A=94=20=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=ED=95=9C=20=EC=A4=84=EB=A1=9C=20=EA=B9=94=EB=81=94=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0=20#650?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/toastmsg/toastmsg.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/components/toastmsg/toastmsg.tsx b/components/toastmsg/toastmsg.tsx
index 8c20312ed..0987ad1ef 100644
--- a/components/toastmsg/toastmsg.tsx
+++ b/components/toastmsg/toastmsg.tsx
@@ -23,9 +23,7 @@ export default function CustomizedSnackbars() {
     event?: React.SyntheticEvent | Event,
     reason?: string
   ) => {
-    if (reason === 'clickaway' || reason === 'escapeKeyDown') {
-      return;
-    }
+    if (reason === 'clickaway' || reason === 'escapeKeyDown') return;
     setSnackBar({ toastName: null });
   };