fix: mypage lecture list 데이터 수정 #291

- 다시보기를 클릭했을 때, review 페이지로 이동하도록 처리하였습니다. - API 응답 값에 따라 불필요한 UI를 주석처리하고, 값을 변경하였습니다.
boostcampwm2023 · Dec 13, 2023 · 8324fd8 · 8324fd8
1 parent 4c1ce3a
commit 8324fd8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 16 deletions.
diff --git a/frontend/src/pages/MyPage/components/MyPageSection.tsx b/frontend/src/pages/MyPage/components/MyPageSection.tsx
@@ -14,11 +14,10 @@ import SubLogoOriginal from "@/assets/imgs/subLogoOriginal.png";
 const NICKNAME_REGEXP = /^[a-zA-Z0-9가-힣]{3,15}$/;
 
 type Lecture = {
-  date: string;
-  duration: string;
-  user: string;
   title: string;
   description: string;
+  presenter_id: { username: string };
+  _id: string;
 };
 
 const MyPageSection = () => {
@@ -139,12 +138,10 @@ const MyPageSection = () => {
             lectureList.map((value, index) => (
               <ReplayLectureCard
                 key={index}
-                date={value.date}
-                duration={value.duration}
-                user={value.user}
+                user={value.presenter_id.username}
                 title={value.title}
                 description={value.description}
-                onClick={() => navigate("/")}
+                onClick={() => navigate(`/review?id=${value._id}`)}
               />
             ))
           ) : (

diff --git a/frontend/src/pages/MyPage/components/ReplayLectureCard.tsx b/frontend/src/pages/MyPage/components/ReplayLectureCard.tsx
@@ -4,15 +4,13 @@ import CalendarIcon from "@/assets/svgs/calendar.svg?react";
 import PlayIcon from "@/assets/svgs/play.svg?react";
 
 interface ReplayLectureCardProps {
-  date: string;
-  duration: string;
   user: string;
   title: string;
   description: string;
   onClick: () => void;
 }
 
-const ReplayLectureCard = ({ date, duration, user, title, description, onClick }: ReplayLectureCardProps) => {
+const ReplayLectureCard = ({ user, title, description, onClick }: ReplayLectureCardProps) => {
   return (
     <div
       className="flex flex-col w-full p-6 gap-4 justify-between bg-grayscale-white border-default rounded-xl hover:shadow-xl duration-500 cursor-pointer break-keep"
@@ -30,8 +28,14 @@ const ReplayLectureCard = ({ date, duration, user, title, description, onClick }
       </div>
 
       <p className="medium-16 text-grayscale-darkgray">{description}</p>
+    </div>
+  );
+};
+
+export default ReplayLectureCard;
 
-      <div className="flex flex-row justify-between w-full items-center">
+/*
+<div className="flex flex-row justify-between w-full items-center">
         <div className="flex flex-row gap-1 items-center semibold-16 text-boarlog-100">
           <CalendarIcon className="w-4 h-4 fill-boarlog-100" />
           {date}
@@ -41,8 +45,4 @@ const ReplayLectureCard = ({ date, duration, user, title, description, onClick }
           {duration}
         </div>
       </div>
-    </div>
-  );
-};
-
-export default ReplayLectureCard;
+*/