feat: 참여한 투표 인원 표시

choooz · Oct 16, 2023 · e0919c5 · e0919c5
1 parent 7835f70
commit e0919c5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/apps/jurumarble/src/app/search/components/ChipContainer.tsx b/apps/jurumarble/src/app/search/components/ChipContainer.tsx
@@ -11,15 +11,16 @@ interface Props {
   region: string;
   mutateBookMark: UseMutateFunction;
   isBookmark: boolean;
+  votedCount: number;
 }
 
-const ChipContainer = ({ date, title, region, mutateBookMark, isBookmark }: Props) => {
+const ChipContainer = ({ date, title, region, mutateBookMark, isBookmark, votedCount }: Props) => {
   return (
     <>
       <TagRow>
         <FlexRow>
           {region && <Chip variant="region">{region}</Chip>}
-          <Chip variant="numberOfParticipants">122명이 즐겼어요</Chip>
+          <Chip variant="numberOfParticipants">{votedCount}명이 즐겼어요</Chip>
         </FlexRow>
         <FlexRow>
           {isBookmark ? (

diff --git a/apps/jurumarble/src/app/search/components/DrinkVoteItem.tsx b/apps/jurumarble/src/app/search/components/DrinkVoteItem.tsx
@@ -14,7 +14,7 @@ interface Props {
  * @Todo 타입 더 깔끔하게 정의 필요
  */
 function DrinkVoteItem({ voteDrink }: Props) {
-  const { voteId, region, title, imageA, imageB } = voteDrink;
+  const { voteId, region, title, imageA, imageB, votedCount } = voteDrink;
 
   const { isBookmark, mutateBookMark } = useBookmarkService(voteId);
 
@@ -31,6 +31,7 @@ function DrinkVoteItem({ voteDrink }: Props) {
         region={region}
         mutateBookMark={mutateBookMark}
         isBookmark={isBookmark}
+        votedCount={votedCount}
       />
       <VoteDescription imageA={imageA} imageB={imageB} />
     </Container>