fix : 문제목록에서 내가 푼 문제 api 변경, 내가 푼 문제 모달 마크다운 적용 (#131)

Author: leetaewon123

src/app/(auth)/(navigationsBarLayout)/mypage/tab/Mine.tsx

@@ -134,8 +134,7 @@ export const Mine = () => {
                     request: body,
                     image: editForm.profileImage ?? undefined,
                   });
-                  // setUser()
-                  console.log(response);
+
                   setUser(response.result);
                   toast.success(response.message, {
                     richColors: false,

src/app/(auth)/(navigationsBarLayout)/mypage/ui/SolvedModal.tsx

@@ -2,6 +2,7 @@ import { AlertDialogHeader } from '@/components/ui/alert-dialog';
 
 import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
 import { SubmissionsResonse } from '@/entities/mypage/model/types';
+import MarkdownRenderer from '@/shared/mdx/MdxRenderer';
 import { Button } from '@/shared/ui/button/Button';
 import { useRouter } from 'next/navigation';
 
@@ -40,7 +41,10 @@ export const SolvedModal = ({
           <div className="flex flex-row gap-1">
             <span className="w-25 shrink-0">설명</span>
 
-            <span className="whitespace-pre-line">{data?.problemDescription}</span>
+            {/* <span className="whitespace-pre-line">{}</span> */}
+            <div className="flex flex-col">
+              <MarkdownRenderer source={data?.problemDescription} />
+            </div>
           </div>
           <div className="flex flex-col gap-1 ">
             {data?.submissions.map((item, index) => {

src/app/(auth)/(navigationsBarLayout)/problems/ui/Table.tsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect, useMemo } from 'react';
 import { useRouter } from 'next/navigation';
 import { SkeletonBox } from '@/shared/ui/loading-indicators';
 import { ProblemsContent } from '@/entities/problems/model/types';
-import { useSubmissionList } from '@/entities/mypage/model/query';
+import { useMyDailySolved, useSubmissionList } from '@/entities/mypage/model/query';
 import { CheckCircle, ChevronLeft, ChevronRight } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import Cookies from 'js-cookie';
@@ -57,19 +57,31 @@ export default function ProblemTable({
   const router = useRouter();
   const [pageGroupStart, setPageGroupStart] = useState<number>(0); // 0-based group start
   const [myProblemsList, setMyProblemsList] = useState<number[]>([]);
-  const { data: myProblems } = useSubmissionList();
+  const { data: myProblems } = useMyDailySolved();
   // const { data: session } = useSession();
   const token = Cookies.get('accessToken');
 
   useEffect(() => {
     setMyProblemsList([]);
     // if (!session) return;
     if (!token) return;
-    console.log('123');
+
     if (!myProblems) return;
-    myProblems.result.forEach((item) => setMyProblemsList((prev) => [...prev, item.problemId]));
+    // myProblems.forEach((item) => setMyProblemsList((prev) => [...prev, item.problemId]));
+    // myProblems.data.result.dailySolvedCounts.map((item) =>
+    //   item.problems.map((item2) => console.log(item2))
+    // );
+    const solved = Array.from(
+      new Set(myProblems.data.result.dailySolvedCounts.flatMap((item) => item.problemIds))
+    );
+    console.log(myProblems.data.result.dailySolvedCounts);
+    setMyProblemsList(solved); // 하나의 배열에 담김
   }, [myProblems, token]);
 
+  useEffect(() => {
+    console.log(myProblemsList);
+  }, [myProblemsList]);
+
   // currentPage가 page group 범위를 벗어나면 group start 재조정
   useEffect(() => {
     if (currentPage < pageGroupStart || currentPage >= pageGroupStart + PAGE_LIMIT) {

src/entities/mypage/model/types.ts

@@ -31,8 +31,8 @@ export interface DailySolved {
   dailySolvedCounts: {
     date: string;
     count: number;
+     problemIds : number[]
   }[];
-  userId: number;
 }
 
 export interface IHeatmapItem {