FIX :: 치명적인 에러 수정

Recipe-GPT · Sep 6, 2023 · 902b907 · 902b907
1 parent c8eec00
commit 902b907
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 12 deletions.
diff --git a/components/Board/BoardSection/index.tsx b/components/Board/BoardSection/index.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useCallback } from "react";
 import * as S from "./style";
 import { AiFillFire } from "react-icons/ai";
 import BoardItem from "../BoardItem";
@@ -15,9 +15,9 @@ function BoardSection({ isYellow }: { isYellow?: true }) {
   const getTrendingFunc = getTrendingBoardQuery();
   const getRecommendFunc = getRecommendBoardQuery();
 
-  const lengthCheckedArray = (array: BoardType[]) => {
+  const lengthCheckedArray = useCallback((array: BoardType[]) => {
     return array.length >= 4 ? array.slice(0, 4) : array;
-  };
+  }, []);
 
   if (getRecommendFunc.isLoading || getTrendingFunc.isLoading) {
     setIsLoading(true);

diff --git a/components/Chat/ChatInput/index.tsx b/components/Chat/ChatInput/index.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import * as S from "./style";
 import { useRouter } from "next/router";
 import { useRecoilState } from "recoil";
@@ -63,12 +63,15 @@ function ChatInput() {
   const ingredientListMutation = getIngredientListMutation(materialInput);
   const seasoningListMutation = getSeasoningListMutation(materialInput);
 
-  const search = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setMaterialInput(e.target.value);
-    materialStatus === "INGREDIENT"
-      ? ingredientListMutation.mutate()
-      : seasoningListMutation.mutate();
-  };
+  const search = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      setMaterialInput(e.target.value);
+      materialStatus === "INGREDIENT"
+        ? ingredientListMutation.mutate()
+        : seasoningListMutation.mutate();
+    },
+    [materialInput],
+  );
 
   return (
     <S.ChatInput>

diff --git a/utils/apis/auth.ts b/utils/apis/auth.ts
@@ -13,8 +13,12 @@ export const getLoginQuery = (code: string, router: NextRouter) => {
   const setIsNeedLogin = useSetRecoilState(isNeedLoginState);
   return useQuery("login", () => getLogin(code), {
     enabled: router.isReady,
-    onSuccess: () => {
+    onSuccess: (data) => {
       setIsNeedLogin(false);
+      const { accessToken, refreshToken } = data;
+      localStorage.setItem("accessToken", accessToken);
+      localStorage.setItem("refreshToken", refreshToken);
+      window.history.go(-2);
     },
   });
 };

diff --git a/utils/apis/recipe.ts b/utils/apis/recipe.ts
@@ -2,13 +2,14 @@ import { getAccessToken } from "@/functions/getAccessToken";
 import { instance } from "../instance";
 import { useMutation, useQuery } from "react-query";
 import { NextRouter, useRouter } from "next/router";
-import { useSetRecoilState } from "recoil";
+import { useRecoilState, useSetRecoilState } from "recoil";
 import { isLoadingState } from "@/atoms/Etc/isLoading";
 import { MaterialType, RecipeQuestionType } from "@/types/Chat/ChatList";
 import { SelectedRecipeState } from "@/atoms/Chat/SelectedRecipe";
 import { updateChatRoomMutation } from "./chat";
 import { toast } from "react-toastify";
 import { AxiosError } from "axios";
+import { MaterialListState } from "@/atoms/Chat/MaterialList";
 
 export const getRecommend = async (
   materials: {
@@ -29,11 +30,17 @@ export const getRecommendMutation = (
   },
   id: string,
 ) => {
+  const [materialList, setMaterialList] = useRecoilState(MaterialListState);
   const router = useRouter();
   const setIsLoading = useSetRecoilState(isLoadingState);
   return useMutation(() => getRecommend(materials, id), {
     onSettled: () => {
       setIsLoading(false);
+      router.reload();
+      setMaterialList({
+        INGREDIENT: [],
+        SEASONING: [],
+      });
     },
   });
 };