Merge pull request #310 from oduck-team/feature/308

feat: 리뷰 수정 구현
oduck-team · Nov 21, 2023 · 1fa7317 · 1fa7317
2 parents 5a1e721 + fafb1f6
commit 1fa7317
Show file tree

Hide file tree

Showing 28 changed files with 401 additions and 108 deletions.
diff --git a/src/features/animes/routes/Detail/Ratings/index.tsx b/src/features/animes/routes/Detail/Ratings/index.tsx
@@ -17,7 +17,7 @@ import {
 export default function Ratings({ starScoreAvg }: { starScoreAvg: number }) {
   return (
     <Section>
-      <h1>평점</h1>
+      <h1>별점</h1>
       <AverageRatings>
         <AverageRatingsOverview>
           <Star size={36} weight="fill" />

diff --git a/src/features/animes/routes/Detail/Reviews/index.tsx b/src/features/animes/routes/Detail/Reviews/index.tsx
@@ -72,6 +72,11 @@ export default function Reviews({
                   isLike={review.isLike}
                   likeCount={review.likeCount}
                   createdAt={review.createdAt}
+                  reviewId={review.reviewId}
+                  animeId={review.animeId}
+                  isSpoiler={review.isSpoiler}
+                  content={review.content}
+                  score={review.score}
                 />
               </ReviewCard>
             </li>

diff --git a/src/features/animes/routes/List/index.tsx b/src/features/animes/routes/List/index.tsx
@@ -34,7 +34,7 @@ const TabItems: TabItem[] = [
   },
   {
     id: "SCORE",
-    title: "평점순",
+    title: "별점순",
   },
 ];
 

diff --git a/src/features/bookmarks/hooks/useToggleBookmark.ts b/src/features/bookmarks/hooks/useToggleBookmark.ts
@@ -17,6 +17,12 @@ export default function useToggleBookmark(animeId: number) {
     onSuccess: () => {
       queryClient.invalidateQueries(["profile", user?.name]);
       queryClient.invalidateQueries(["profile", user?.memberId, "bookmark"]);
+      queryClient.invalidateQueries([
+        "profile",
+        user?.memberId,
+        "count",
+        "bookmark",
+      ]);
       queryClient.invalidateQueries(["bookmark", user?.memberId, animeId]);
       queryClient.invalidateQueries(["anime", animeId, user?.memberId]);
     },

diff --git a/src/features/common/routes/Home/RecentReview/index.tsx b/src/features/common/routes/Home/RecentReview/index.tsx
@@ -49,6 +49,11 @@ export default function RecentReview() {
                   isLike={data.pages[0].isLike}
                   likeCount={data.pages[0].likeCount}
                   isTimeAgo={true}
+                  reviewId={data.pages[0].reviewId}
+                  animeId={data.pages[0].anime.animeId}
+                  isSpoiler={data.pages[0].isSpoiler}
+                  content={data.pages[0].content}
+                  score={data.pages[0].score}
                 />
               </ReviewCard>
             )}

diff --git a/src/features/reviews/api/mock/recentReview1.json b/src/features/reviews/api/mock/recentReview1.json
@@ -1,7 +1,9 @@
 {
   "items": [
     {
+      "reviewId": 10,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -15,7 +17,9 @@
       }
     },
     {
+      "reviewId": 9,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -29,7 +33,9 @@
       }
     },
     {
+      "reviewId": 8,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -43,7 +49,9 @@
       }
     },
     {
+      "reviewId": 7,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -57,7 +65,9 @@
       }
     },
     {
+      "reviewId": 6,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -71,7 +81,9 @@
       }
     },
     {
+      "reviewId": 5,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -85,7 +97,9 @@
       }
     },
     {
+      "reviewId": 4,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -99,7 +113,9 @@
       }
     },
     {
+      "reviewId": 3,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -113,7 +129,9 @@
       }
     },
     {
+      "reviewId": 2,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -127,7 +145,9 @@
       }
     },
     {
+      "reviewId": 1,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,

diff --git a/src/features/reviews/api/mock/recentReview2.json b/src/features/reviews/api/mock/recentReview2.json
@@ -1,7 +1,9 @@
 {
   "items": [
     {
+      "reviewId": 20,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -15,7 +17,9 @@
       }
     },
     {
+      "reviewId": 19,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -29,7 +33,9 @@
       }
     },
     {
+      "reviewId": 18,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -43,7 +49,9 @@
       }
     },
     {
+      "reviewId": 17,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -57,7 +65,9 @@
       }
     },
     {
+      "reviewId": 16,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -71,7 +81,9 @@
       }
     },
     {
+      "reviewId": 15,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -85,7 +97,9 @@
       }
     },
     {
+      "reviewId": 14,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -99,7 +113,9 @@
       }
     },
     {
+      "reviewId": 13,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -113,7 +129,9 @@
       }
     },
     {
+      "reviewId": 12,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -127,7 +145,9 @@
       }
     },
     {
+      "reviewId": 11,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,

diff --git a/src/features/reviews/api/mock/recentReview3.json b/src/features/reviews/api/mock/recentReview3.json
@@ -1,7 +1,9 @@
 {
   "items": [
     {
+      "reviewId": 30,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다. 리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다.리뷰 입니다. 리뷰 입니다. 리뷰 입니다. 리뷰 입니다.",
       "isSpoiler": true,
       "isLike": false,
@@ -15,7 +17,9 @@
       }
     },
     {
+      "reviewId": 29,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -29,7 +33,9 @@
       }
     },
     {
+      "reviewId": 28,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -43,7 +49,9 @@
       }
     },
     {
+      "reviewId": 27,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -57,7 +65,9 @@
       }
     },
     {
+      "reviewId": 26,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -71,7 +81,9 @@
       }
     },
     {
+      "reviewId": 25,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -85,7 +97,9 @@
       }
     },
     {
+      "reviewId": 24,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -99,7 +113,9 @@
       }
     },
     {
+      "reviewId": 23,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -113,7 +129,9 @@
       }
     },
     {
+      "reviewId": 22,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,
@@ -127,7 +145,9 @@
       }
     },
     {
+      "reviewId": 21,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": true,

diff --git a/src/features/reviews/api/mock/recentReviewOnlyOne.json b/src/features/reviews/api/mock/recentReviewOnlyOne.json
@@ -1,7 +1,9 @@
 {
   "items": [
     {
+      "reviewId": 10,
       "name": "faberjoo",
+      "score": 7,
       "content": "리뷰 입니다.",
       "isSpoiler": false,
       "isLike": false,

diff --git a/src/features/reviews/api/review.ts b/src/features/reviews/api/review.ts
@@ -8,10 +8,8 @@ import recentReviewMock3 from "./mock/recentReview3.json";
 import recentReviewOnlyOneMock from "./mock/recentReviewOnlyOne.json";
 
 export type ReviewInfo = Omit<Review, "anime"> & {
-  reviewId: number;
   animeId: number;
   thumbnail: string;
-  score: number;
 };
 
 export type AddReviewDto = Pick<Review, "name" | "content"> & {
@@ -30,6 +28,11 @@ export default class ReviewApi {
     return post("/short-reviews", review);
   }
 
+  /** @description 리뷰 수정 요청 */
+  async updateReview(reviewId: number, review: AddReviewDto) {
+    return patch(`/short-reviews/${reviewId}`, review);
+  }
+
   /** @description 한 애니의 리뷰 목록 요청 */
   async getAnimeReviews(
     animeId: number,

diff --git a/src/features/reviews/api/reviewDev.ts b/src/features/reviews/api/reviewDev.ts
@@ -18,6 +18,11 @@ export default class ReviewDevApi {
     return post("/short-reviews", review);
   }
 
+  /** @description 리뷰 수정 요청 */
+  async updateReview(reviewId: number, review: AddReviewDto) {
+    return patch(`/short-reviews/${reviewId}`, review);
+  }
+
   /** @description 한 애니의 리뷰 목록 요청*/
   async getAnimeReviews(
     animeId: number,
-Original file line number
+Diff line change
@@ Expand Up / @@ -34,7 +34,7 @@ const TabItems: TabItem[] = [ @@
       },
       {
         id: "SCORE",
-        title: "평점순",
+        title: "별점순",
       },
     ];
@@ Expand Down @@