refactor: useLoginModal 훅 이름 변경

woowacourse-teams · May 12, 2024 · d5ac744 · d5ac744
1 parent 39d1b71
commit d5ac744
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/...src/features/auth/hooks/useLoginModal.tsx → ...tures/auth/hooks/useLoginModalByError.tsx b/...src/features/auth/hooks/useLoginModal.tsx → ...tures/auth/hooks/useLoginModalByError.tsx
@@ -1,10 +1,10 @@
 import { useOverlay } from '@/shared/hooks/useOverlay';
 import LoginModal from '../components/LoginModal';
 
-export const useLoginModal = () => {
+export const useLoginModalByError = () => {
   const overlay = useOverlay();
 
-  const openLoginModal = (errorCode: number) => {
+  const openLoginModalByError = (errorCode: number) => {
     overlay.open(({ isOpen, close }) => (
       <LoginModal
         isOpen={isOpen}
@@ -20,5 +20,5 @@ export const useLoginModal = () => {
     ));
   };
 
-  return { openLoginModal };
+  return { openLoginModalByError };
 };
diff --git a/frontend/src/shared/hooks/useFetch.ts b/frontend/src/shared/hooks/useFetch.ts
@@ -1,14 +1,14 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useAuthContext } from '@/features/auth/components/AuthProvider';
-import { useLoginModal } from '@/features/auth/hooks/useLoginModal';
+import { useLoginModalByError } from '@/features/auth/hooks/useLoginModalByError';
 import AuthError from '@/shared/remotes/AuthError';
 import type { ErrorResponse } from '../types/errorResponse';
 
 const useFetch = <T>(fetcher: () => Promise<T>, defaultFetch: boolean = true) => {
   const [data, setData] = useState<T | null>(null);
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<ErrorResponse | null>(null);
-  const { openLoginModal } = useLoginModal();
+  const { openLoginModalByError } = useLoginModalByError();
   const { logout } = useAuthContext();
 
   // TODO: Error Boudary 적용 시에 주석을 사용해주세요.
@@ -26,7 +26,7 @@ const useFetch = <T>(fetcher: () => Promise<T>, defaultFetch: boolean = true) =>
     } catch (error) {
       if (error instanceof AuthError) {
         logout();
-        openLoginModal(error.code);
+        openLoginModalByError(error.code);
         return;
       }
       setError(error as ErrorResponse);

diff --git a/frontend/src/shared/hooks/useMutation.ts b/frontend/src/shared/hooks/useMutation.ts
@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 import { useAuthContext } from '@/features/auth/components/AuthProvider';
-import { useLoginModal } from '@/features/auth/hooks/useLoginModal';
+import { useLoginModalByError } from '@/features/auth/hooks/useLoginModalByError';
 import AuthError from '@/shared/remotes/AuthError';
 import type { ErrorResponse } from '../types/errorResponse';
 
@@ -9,7 +9,7 @@ export const useMutation = <T, P extends any[]>(mutateFn: (...params: P) => Prom
   const [data, setData] = useState<T | null>(null);
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<ErrorResponse | null>(null);
-  const { openLoginModal } = useLoginModal();
+  const { openLoginModalByError } = useLoginModalByError();
   const { logout } = useAuthContext();
 
   // TODO: Error Boudary 적용 시에 주석을 사용해주세요.
@@ -28,7 +28,7 @@ export const useMutation = <T, P extends any[]>(mutateFn: (...params: P) => Prom
       } catch (error) {
         if (error instanceof AuthError) {
           logout();
-          openLoginModal(error.code);
+          openLoginModalByError(error.code);
           return;
         }
         setError(error as ErrorResponse);