Merge branch 'develop' of https://github.com/TEAM-MONGDOL/dkation-fe …

…into develop
TEAM-MONGDOL · Aug 19, 2024 · 7b41b56 · 7b41b56
2 parents 7345e55 + c25f260
commit 7b41b56
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/src/app/(route)/(user)/(with-layout)/workation/[id]/page.tsx b/src/app/(route)/(user)/(with-layout)/workation/[id]/page.tsx
@@ -192,12 +192,8 @@ const UserWkDetailPage = ({ params }: UserWkDetailProps) => {
         <div ref={resultRef}>
           <WkResultInfo id={id} />
         </div>
-        {reviewData.reviewInfosForWkt.map((review) => (
-          <div
-            className="flex flex-col gap-10 pt-16"
-            ref={reviewRef}
-            key={review.id}
-          >
+        <div className="flex flex-col gap-10 pt-16" ref={reviewRef}>
+          {reviewData.reviewInfosForWkt[0]?.wktTitle && (
             <UserFilteringSectionContainer
               orderOption={{
                 onClickOrder: () => {
@@ -216,6 +212,9 @@ const UserWkDetailPage = ({ params }: UserWkDetailProps) => {
                 },
               }}
             />
+          )}
+
+          {reviewData.reviewInfosForWkt.map((review) => (
             <WkReviewInfo
               key={review.wktTitle}
               title={review.wktTitle}
@@ -225,8 +224,8 @@ const UserWkDetailPage = ({ params }: UserWkDetailProps) => {
               contents={review.contents}
               rating={review.rating}
             />
-          </div>
-        ))}
+          ))}
+        </div>
       </div>
     </section>
   );

diff --git a/src/app/_components/user/workation/WkReviewInfo.tsx b/src/app/_components/user/workation/WkReviewInfo.tsx
@@ -2,7 +2,7 @@
 
 import React, { useState } from 'react';
 import Image from 'next/image';
-import { StarRateIcon } from '@/_assets/icons';
+import { StarRateEmptyIcon, StarRateIcon } from '@/_assets/icons';
 import UserFilteringSectionContainer from '@/_components/user/common/containers/UserFilteringSectionContainer';
 import { ReviewInfo } from '@/_constants/common';
 import dayjs from 'dayjs';
@@ -35,11 +35,16 @@ const WkReviewInfo = ({
             </p>
             <div className="ml-auto flex flex-col justify-center">
               <div className="mb-1 flex">
-                <Image src={StarRateIcon} alt="StarRateIcon" />
-                <Image src={StarRateIcon} alt="StarRateIcon" />
-                <Image src={StarRateIcon} alt="StarRateIcon" />
-                <Image src={StarRateIcon} alt="StarRateIcon" />
-                <Image src={StarRateIcon} alt="StarRateIcon" />
+                {[...Array(rating)].map((_, index) => (
+                  <Image key={rating} src={StarRateIcon} alt="StarRateIcon" />
+                ))}
+                {[...Array(5 - rating)].map((_, index) => (
+                  <Image
+                    key={rating}
+                    src={StarRateEmptyIcon}
+                    alt="StarRateEmptyIcon"
+                  />
+                ))}
               </div>
               <p>
                 {rating}점({ReviewInfo[rating as keyof typeof ReviewInfo]})