diff --git a/src/components/organisms/FridgeInfoBox.tsx b/src/components/organisms/FridgeInfoBox.tsx index c1846bc..05f3192 100644 --- a/src/components/organisms/FridgeInfoBox.tsx +++ b/src/components/organisms/FridgeInfoBox.tsx @@ -12,7 +12,7 @@ const FridgeInfoBox: React.FC<{ isOkIngredientAdd?: boolean; }> = ({ currentFridgeInfo, fridgeName, userName = '', toggleIsOpenFridgeListModal, isOkIngredientAdd }) => { const router = useRouter(); - const { fridgeid, name } = router.query; + return (
@@ -27,7 +27,7 @@ const FridgeInfoBox: React.FC<{ className="rounded-6 w-[100px] p-[10px] body1-semibold bg-primary2 text-white" text="식자재 추가" onClick={() => { - void router.push(`/fridge/add?fridgeid=${fridgeid as string}&name=${name as string}`); + void router.push(`/fridge/add?fridgeid=${currentFridgeInfo.fridgeId}&name=${currentFridgeInfo.fridgeName}`); }} /> )} diff --git a/src/pages/fridge/index.tsx b/src/pages/fridge/index.tsx index cbd4a19..4050b8b 100644 --- a/src/pages/fridge/index.tsx +++ b/src/pages/fridge/index.tsx @@ -7,8 +7,10 @@ import { useEffect, useState } from 'react'; import withLogin from '@/components/templates/withLogin'; import useGetMyFridgeList from '@/hooks/queries/fridge/useGetFridgeList'; import type { CurrentFridgeInfoType } from '@/types/fridge'; +import { useRouter } from 'next/router'; const FridgePage: NextPage = () => { + const router = useRouter(); const [currentFridgeInfo, setCurrentFridgeInfo] = useState({ username: null, fridgeId: 0, @@ -23,10 +25,16 @@ const FridgePage: NextPage = () => { const fridgeList = useGetMyFridgeList(); const { nickname } = useGetMe(); + const { fridgeid, name } = router.query; + useEffect(() => { if (!fridgeList || fridgeList.length < 0) { return; } + if (fridgeid) { + setCurrentFridgeInfo({ username: null, fridgeId: Number(fridgeid), fridgeName: name as string }); + return; + } setCurrentFridgeInfo({ username: null, fridgeId: fridgeList[0].id, fridgeName: fridgeList[0].name }); }, [fridgeList]);