Merge pull request #107 from DDD-Community/feat/#46

[feat/#46] 모달 중복 오픈 수정
DDD-Community · Sep 27, 2024 · 4fd0032 · 4fd0032
2 parents 1cf0d33 + ea28c39
commit 4fd0032
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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 }]
     })