fix: 모임 목록 아이템 중복 파일 삭제

BoardSignal · Mar 21, 2024 · 1ec7d10 · 1ec7d10
1 parent 17d4d62
commit 1ec7d10
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 123 deletions.
diff --git a/src/components/GatheringList/GatheringListItem.tsx b/src/components/GatheringList/GatheringListItem.tsx
diff --git a/src/components/GatheringList/index.tsx b/src/components/GatheringList/index.tsx
diff --git a/src/components/GatheringListItem/index.tsx b/src/components/GatheringListItem/index.tsx
@@ -19,12 +19,10 @@ interface GatheringListItemProps extends ComponentPropsWithoutRef<'div'> {
 
 const GatheringListItem = ({
   gathering,
-  isButtonDisabled = false,
-  isFullDate = false,
   className,
 }: GatheringListItemProps) => {
   const {
-    id: gatheringId,
+    id,
     imageUrl,
     title,
     station,
@@ -54,18 +52,14 @@ const GatheringListItem = ({
     categories.length < BOARDGAME_CATEGORIES.length
       ? categories.join(' · ')
       : '';
-  const timeText = isFullDate
-    ? getRelativeTimeWithin(createdAt, 0)
-    : getRelativeTimeWithin(createdAt);
 
   return (
-    <Link to={`${GATHERINGS_PAGE_URL}/${gatheringId}/0`}>
+    <Link to={`${GATHERINGS_PAGE_URL}/${id}/0`}>
       <Button
         className={cn(
           'h-fit gap-4 border-b border-gray-accent7 p-4',
           className,
         )}
-        disabled={isButtonDisabled}
       >
         <img
           src={imageUrl ?? defaultThumbnailImage}
@@ -88,7 +82,7 @@ const GatheringListItem = ({
             </div>
           </div>
           <div className='flex justify-between text-xs text-gray-accent3'>
-            <div>{timeText}</div>
+            <div>{getRelativeTimeWithin(createdAt)}</div>
             <div className='flex items-center gap-1'>
               <Icon id='user-line' size={12} />
               <span>{headCount}</span>

diff --git a/src/pages/ReviewCreate/index.tsx b/src/pages/ReviewCreate/index.tsx
@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 
 import { useGetEndGameDetailsApi } from '@/apis/endGameUser';
-import GatheringListItem from '@/components/GatheringList/GatheringListItem';
+import GatheringListItem from '@/components/GatheringListItem';
 import Modal from '@/components/Modal';
 import TabBar from '@/components/TabBar';
 import { ROOMS_MY_END_GAMES_API_URL } from '@/constants/apiRoutes';

diff --git a/src/stories/components/GatheringListItem.stories.tsx b/src/stories/components/GatheringListItem.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import GatheringListItem from '@/components/GatheringListItem';
 
 const meta: Meta<typeof GatheringListItem> = {
-  title: 'components/GatheringList',
+  title: 'components/GatheringListItem',
   tags: ['autodocs'],
   component: GatheringListItem,
 };