fix: LoginBottomSheet type 충돌 문제 type state로 관리하여 해결

dnd-side-project · Oct 8, 2024 · c4993b3 · c4993b3
1 parent 4cc1526
commit c4993b3
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/domain/home/learning/TodayQuiz/index.tsx b/src/components/domain/home/learning/TodayQuiz/index.tsx
@@ -15,18 +15,23 @@ export default function TodayQuiz() {
   const { bottomSheetType, openBottomSheet } = useUIStore()
   const router = useRouter()
   const [skipLogin, setSkipLogin] = useState<string | null>(null)
+  const [loginSheetType, setLoginSheetType] = useState<
+    'loginBtn' | 'learningTab'
+  >('loginBtn')
 
   useEffect(() => {
     if (typeof window === undefined) return
     setSkipLogin(localStorage.getItem('skipLogin'))
     if (!userId && skipLogin === 'false') {
       openBottomSheet('login')
+      setLoginSheetType('learningTab')
     }
-  }, [userId, openBottomSheet, skipLogin])
+  }, [skipLogin, openBottomSheet, userId])
 
   const handleClick = () => {
     if (!userId) {
       openBottomSheet('login')
+      setLoginSheetType('loginBtn')
       return
     }
     router.push('/') // quiz url로 변경
@@ -66,7 +71,10 @@ export default function TodayQuiz() {
           />
         </div>
       </div>
-      <LoginBottomSheet isOpen={bottomSheetType === 'login'} type="loginBtn" />
+      <LoginBottomSheet
+        isOpen={bottomSheetType === 'login'}
+        type={loginSheetType}
+      />
     </>
   )
 }