Merge pull request #306 from Hain-tain/fix/category_post

카테고리 생성 hotfix

frontend/src/api/queryKeys.ts

@@ -1,5 +1,4 @@
 export const QUERY_KEY = {
-  CATEGORY: 'category',
   CATEGORY_LIST: 'categoryList',
   CHECK_EMAIL: 'checkEmail',
   CHECK_USERNAME: 'userName',

frontend/src/hooks/authentication/useCheckLoginState.ts

@@ -1,27 +1,30 @@
 import { useCallback, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 
+import { ToastContext } from '@/context/ToastContext';
 import { useLoginStateQuery } from '@/queries/authentication/useLoginStateQuery';
+import useCustomContext from '../utils/useCustomContext';
 import { useAuth } from './useAuth';
 
 export const useCheckLoginState = () => {
-  const { error, isError, isSuccess } = useLoginStateQuery();
+  const { error, isError, status } = useLoginStateQuery();
   const navigate = useNavigate();
   const { handleLoginState } = useAuth();
+  const { infoAlert } = useCustomContext(ToastContext);
 
   const handleLoginNavigate = useCallback(() => {
     navigate('/login');
   }, [navigate]);
 
   useEffect(() => {
     if (isError) {
-      alert(error.message);
+      infoAlert('로그인을 해주세요');
       handleLoginNavigate();
       handleLoginState(false);
     }
 
-    if (isSuccess) {
+    if (status === 'success') {
       handleLoginState(true);
     }
-  }, [error, isError, isSuccess, handleLoginNavigate, handleLoginState]);
+  }, [error, isError, status, handleLoginNavigate, handleLoginState, infoAlert]);
 };

frontend/src/hooks/authentication/useLoginForm.ts

@@ -2,11 +2,14 @@ import { FormEvent } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { postLogin } from '@/api/authentication';
+import { ToastContext } from '@/context/ToastContext';
 import { useInputWithValidate } from '../useInputWithValidate';
+import useCustomContext from '../utils/useCustomContext';
 import { validateEmail, validatePassword } from './validates';
 
 export const useLoginForm = () => {
   const navigate = useNavigate();
+  const { failAlert, successAlert } = useCustomContext(ToastContext);
 
   const {
     value: email,
@@ -30,11 +33,13 @@ export const useLoginForm = () => {
 
       if (!response.ok) {
         console.error(response);
+        failAlert('로그인에 실패하였습니다.');
 
         return;
       }
 
       navigate('/');
+      successAlert('로그인 성공!');
     }
   };
 

frontend/src/queries/category/useCategoryUpload.ts

@@ -8,7 +8,7 @@ export const useCategoryUpload = () => {
   return useMutation({
     mutationFn: postCategory,
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: [QUERY_KEY.CATEGORY] });
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEY.CATEGORY_LIST] });
     },
   });
 };