diff --git a/component/card/CharacterImgCard.tsx b/component/card/CharacterImgCard.tsx index 4408d2c..daeef48 100644 --- a/component/card/CharacterImgCard.tsx +++ b/component/card/CharacterImgCard.tsx @@ -1,4 +1,3 @@ -import { Box } from "@chakra-ui/react"; import Image from "next/image"; import React from "react"; import stage1 from "../../utils/img/stage1.png"; diff --git a/component/card/ChattingRoom.tsx b/component/card/ChattingRoom.tsx index 1d45a9a..e1dc0db 100644 --- a/component/card/ChattingRoom.tsx +++ b/component/card/ChattingRoom.tsx @@ -110,13 +110,21 @@ const ChattingRoom = ({ <> - - - - {dietResponseData.운동필요시간} - - 이상 꼭 하셔야해요. - + {!dietResponseData.운동필요시간.includes("안 해도") ? ( + <> + + + {dietResponseData.운동필요시간} + + 이상 꼭 하셔야해요. + + ) : ( + <> + + {dietResponseData.운동필요시간} + + + )} {dietResponseData.잔소리} diff --git a/component/section/DietStateSection.tsx b/component/section/DietStateSection.tsx index a6fdfeb..0043820 100644 --- a/component/section/DietStateSection.tsx +++ b/component/section/DietStateSection.tsx @@ -9,7 +9,7 @@ import { VStack, } from "@chakra-ui/react"; import Image from "next/image"; -import React, { useEffect, useLayoutEffect, useState } from "react"; +import React, { useEffect, useState } from "react"; import mainStage1 from "../../utils/img/mainStage1.png"; import mainStage2 from "../../utils/img/mainStage2.png"; import mainStage3 from "../../utils/img/mainStage3.png"; @@ -17,12 +17,12 @@ import mainStage4 from "../../utils/img/mainStage4.png"; import mainStage5 from "../../utils/img/mainStage5.png"; import { useRouter } from "next/navigation"; import { DietResponse } from "../../utils/api/AxiosSetting"; -import { userInfo } from "os"; const DietStateSection = (isLoading: { isLoading: boolean }) => { const [dietResponseData, setDietResponseData] = useState< DietResponse | undefined >(); + useEffect(() => { let userInfo: any = localStorage.getItem("userDiet"); if (userInfo) { @@ -35,7 +35,7 @@ const DietStateSection = (isLoading: { isLoading: boolean }) => { stage1: ["열정가득 다이어터", mainStage1], stage2: ["기세등등 유지어터", mainStage2], stage3: ["휴식중인 유지어터", mainStage3], - stage4: ["방신한 다이어터", mainStage4], + stage4: ["방심한 다이어터", mainStage4], stage5: ["위기의 다이어터", mainStage5], }; diff --git a/src/app/main/page.tsx b/src/app/main/page.tsx index 8d870e6..0ef8567 100644 --- a/src/app/main/page.tsx +++ b/src/app/main/page.tsx @@ -14,7 +14,6 @@ import { usePostUserDiet } from "../../../utils/hooks/usePostUserDiet"; import { SubmitHandler, useForm } from "react-hook-form"; import { useEffect, useState } from "react"; import { UserInfoType } from "../../../component/template/SignupTemplate"; -import { DietResponse } from "../../../utils/api/AxiosSetting"; export interface UserPostDietData extends UserInfoType { query: string; @@ -42,7 +41,7 @@ const Page = () => { useEffect(() => { let userDietData: any = localStorage.getItem("userDiet"); setUserDiet(userDietData); - }, [userDiet]); + }, [isLoading]); const onSubmit: SubmitHandler = async (data) => { reset(); diff --git a/utils/img/stage4.png b/utils/img/stage4.png index 21de0fd..b3a6532 100644 Binary files a/utils/img/stage4.png and b/utils/img/stage4.png differ diff --git a/utils/img/stage5.png b/utils/img/stage5.png index b3a6532..21de0fd 100644 Binary files a/utils/img/stage5.png and b/utils/img/stage5.png differ