From f5030f2af9e7a34aefbe865924b7c56ff6f813b1 Mon Sep 17 00:00:00 2001
From: "lkh14011424@gmail.com" <lkh14011424@gmail.com>
Date: Sat, 28 Sep 2024 06:54:40 +0900
Subject: [PATCH] =?UTF-8?q?[feat/#46]=20=EB=AA=A8=EB=8B=AC=20=ED=95=98?=
 =?UTF-8?q?=EB=82=98=EB=A7=8C=20=EB=9C=A8=EA=B2=8C=EB=81=94=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/JoinCrewModal.tsx | 2 +-
 src/hooks/useModals.ts                 | 1 +
 src/providers/ModalsProvider.tsx       | 1 -
 3 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Modal/JoinCrewModal.tsx b/src/components/Modal/JoinCrewModal.tsx
index 5615e98..325b2cd 100644
--- a/src/components/Modal/JoinCrewModal.tsx
+++ b/src/components/Modal/JoinCrewModal.tsx
@@ -106,7 +106,7 @@ const JoinCrewModal = (props: ModalProps): React.ReactElement => {
               {/* crew description */}
               <div className="flex flex-col gap-1">
                 <div className="text-[15px] font-semibold">크루소개</div>
-                <div className="h-[80px] overflow-scroll rounded-xl border border-gray-200 bg-zinc-100 p-[12px] text-[15px] font-normal text-zinc-900">
+                <div className="scrollbar-hide h-[80px] overflow-auto rounded-xl border border-gray-200 bg-zinc-100 p-[12px] text-[15px] font-normal text-zinc-900">
                   {data?.description}
                 </div>
               </div>
diff --git a/src/hooks/useModals.ts b/src/hooks/useModals.ts
index dcf4f54..0596b97 100644
--- a/src/hooks/useModals.ts
+++ b/src/hooks/useModals.ts
@@ -12,6 +12,7 @@ export const useModals = (): UseModalResult => {
   const modalsState = useContext(ModalsStateContext)
 
   const openModal = (Component: ModalComponent, props: ModalProps): void => {
+    if (modalsState.findIndex((m) => m.Component === Component) >= 0) return
     open(Component, props)
   }
 
diff --git a/src/providers/ModalsProvider.tsx b/src/providers/ModalsProvider.tsx
index 2dbfecc..f60ba07 100644
--- a/src/providers/ModalsProvider.tsx
+++ b/src/providers/ModalsProvider.tsx
@@ -11,7 +11,6 @@ const ModalsProvider = ({ children }: PropsWithChildren): React.ReactNode => {
   const [openedModals, setOpenedModals] = useState<ModalsState>([])
 
   const open = (Component: ModalComponent, props: ModalProps): void => {
-    console.log(Component, props)
     setOpenedModals((modals) => {
       return [...modals, { Component, props }]
     })