From e37dc8eebc0e0d56edf74234a7acce7efa0ac912 Mon Sep 17 00:00:00 2001
From: yougyung <youkyeongs@naver.com>
Date: Mon, 17 Jun 2024 15:01:21 +0900
Subject: [PATCH 1/3] fix: change Drawer onRelease to onClose

---
 app/ui/view/molecule/drawer/drawer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/ui/view/molecule/drawer/drawer.tsx b/app/ui/view/molecule/drawer/drawer.tsx
index 4b597a36..d811e6ed 100644
--- a/app/ui/view/molecule/drawer/drawer.tsx
+++ b/app/ui/view/molecule/drawer/drawer.tsx
@@ -13,13 +13,13 @@ interface DrawerProps extends React.PropsWithChildren {
 }
 
 const Drawer = ({ children, drawerKey, onClose, className }: DrawerProps) => {
-  const { isOpen, toggle } = useDialog(drawerKey, onClose);
+  const { isOpen, close } = useDialog(drawerKey, onClose);
 
   return (
-    <DrawerPrimitive.Root open={isOpen} onRelease={toggle}>
+    <DrawerPrimitive.Root open={isOpen} onClose={close}>
       <DrawerPrimitive.Portal>
         <DrawerPrimitive.Overlay
-          onClick={toggle}
+          onClick={close}
           className="fixed inset-0 z-2 bg-black/60"
           data-testid="drawer-overlay"
         />

From 90b16ae7435b97916fbc0fed400d7b0ab1d3543a Mon Sep 17 00:00:00 2001
From: yougyung <youkyeongs@naver.com>
Date: Mon, 17 Jun 2024 15:12:10 +0900
Subject: [PATCH 2/3] fix: change drawer toggle to open

---
 app/ui/lecture/taken-lecture/taken-lecture-label.tsx        | 4 ++--
 app/ui/result/result-category-card/result-category-card.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/ui/lecture/taken-lecture/taken-lecture-label.tsx b/app/ui/lecture/taken-lecture/taken-lecture-label.tsx
index 8571796f..f17d3e42 100644
--- a/app/ui/lecture/taken-lecture/taken-lecture-label.tsx
+++ b/app/ui/lecture/taken-lecture/taken-lecture-label.tsx
@@ -7,7 +7,7 @@ import useDialog from '@/app/hooks/useDialog';
 import { DIALOG_KEY } from '@/app/utils/key/dialog-key.util';
 
 export default function TakenLectureLabel() {
-  const { toggle } = useDialog(DIALOG_KEY.LECTURE_SEARCH);
+  const { open } = useDialog(DIALOG_KEY.LECTURE_SEARCH);
 
   return (
     <LabelContainer
@@ -20,7 +20,7 @@ export default function TakenLectureLabel() {
             variant="secondary"
             size="xs"
             data-testid="toggle-lecture-search"
-            onClick={toggle}
+            onClick={open}
           />
           <Link href="/grade-upload">
             <Button label="성적표 재업로드" variant="secondary" size="xs" />
diff --git a/app/ui/result/result-category-card/result-category-card.tsx b/app/ui/result/result-category-card/result-category-card.tsx
index 66f51fe5..9c40aee0 100644
--- a/app/ui/result/result-category-card/result-category-card.tsx
+++ b/app/ui/result/result-category-card/result-category-card.tsx
@@ -57,13 +57,13 @@ const displaySeveralMajor = (category: ResultCategoryKey) => {
 };
 
 function ResultCategoryCard({ category, totalCredit, takenCredit }: ResultCategoryCardProps) {
-  const { toggle } = useDialog(DIALOG_KEY.RESULT_CATEGORY);
+  const { open } = useDialog(DIALOG_KEY.RESULT_CATEGORY);
   const setIsOpenDialog = useSetAtom(isDialogOpenAtom);
 
   const percentage = getPercentage(takenCredit, totalCredit);
 
   const handleClickButton = () => {
-    toggle();
+    open();
     setIsOpenDialog(true);
   };
 

From 37195bc369f17180074af59df3ce30a17cdc1cad Mon Sep 17 00:00:00 2001
From: yougyung <youkyeongs@naver.com>
Date: Mon, 17 Jun 2024 15:30:12 +0900
Subject: [PATCH 3/3] fix: add onClose in Drawer close

---
 app/hooks/useDialog.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/hooks/useDialog.tsx b/app/hooks/useDialog.tsx
index dd8319a0..265002d3 100644
--- a/app/hooks/useDialog.tsx
+++ b/app/hooks/useDialog.tsx
@@ -12,8 +12,10 @@ export default function useDialog(key: DialogKey, onClose?: () => void) {
   };
 
   const close = () => {
+    const prevState = isOpenDialogList[key];
     setOpenDialogList([key, false]);
-    onClose?.();
+
+    if (prevState) onClose?.();
   };
 
   const toggle = () => {