Fix: 마이페이지 온도 동적 스타일링 버그 해결 (#410)

Related to: #408

Author: choiseona

src/components/MyPage/MyPage/Temperature/Temperature.tsx

@@ -5,14 +5,6 @@ interface Props {
 }
 
 function Temperature({ temperature }: Props) {
-  temperature += 36.5;
-
-  if (temperature <= 0) {
-    temperature = 0;
-  } else if (temperature >= 100) {
-    temperature = 100;
-  }
-
   const temperatureColorConditions = [
     { max: 10, color: "#7EC7FC" },
     { max: 20, color: "#72EF86" },

src/hooks/queries/useProfileQuery.tsx

@@ -21,9 +21,20 @@ import { useMutation, useQuery } from "react-query";
 import { useNavigate } from "react-router-dom";
 
 export const useGetMyProfile = () => {
+  const adjustTemperature = (data: MyProfileDataType) => {
+    let progressBar = data.progressBar + 36.5;
+    if (progressBar < 0) {
+      progressBar = 0;
+    } else if (progressBar > 100) {
+      progressBar = 100;
+    }
+    return { ...data, progressBar };
+  };
+
   const { data, isLoading } = useQuery<MyProfileDataType>({
     queryKey: [QUERY_KEY.MY_PROFILE],
-    queryFn: () => getMyPageProfile(),
+    queryFn: getMyPageProfile,
+    select: adjustTemperature,
   });
 
   return { data, isLoading };