-
-
-
-
-
+
);
diff --git a/src/components/common/skeleton/review-skeleton/index.tsx b/src/components/common/skeleton/review-skeleton/index.tsx
new file mode 100644
index 00000000..6fbd3829
--- /dev/null
+++ b/src/components/common/skeleton/review-skeleton/index.tsx
@@ -0,0 +1,30 @@
+import ReviewCardSkeleton from './review-card';
+
+interface SkeletonListProps {
+ type: 'mine' | 'crew';
+}
+
+export default function ReviewListSkeleton({ type }: SkeletonListProps) {
+ return (
+
+ {type === 'mine' && (
+
+ {Array.from({ length: 3 }).map((_, idx) => (
+ // eslint-disable-next-line react/no-array-index-key
+ -
+
+
+ ))}
+
+ )}
+ {type === 'crew' && (
+
+ {Array.from({ length: 2 }).map((_, idx) => (
+ // eslint-disable-next-line react/no-array-index-key
+
+ ))}
+
+ )}
+
+ );
+}
diff --git a/src/components/common/skeleton/review-skeleton/review-card.tsx b/src/components/common/skeleton/review-skeleton/review-card.tsx
new file mode 100644
index 00000000..a81a2ca5
--- /dev/null
+++ b/src/components/common/skeleton/review-skeleton/review-card.tsx
@@ -0,0 +1,39 @@
+import { Skeleton } from '@mantine/core';
+
+interface ReviewCardSkeletonProps {
+ isMine?: boolean;
+}
+
+export default function ReviewCardSkeleton({ isMine = false }: ReviewCardSkeletonProps) {
+ return (
+
+ {isMine &&
}
+
+
+ {isMine &&
}
+
+
+
+
+
+
+
+
+ {!isMine && (
+ <>
+
+
+ >
+ )}
+
+
+
+
+
+ );
+}
diff --git a/src/components/common/skeleton/reviewable-gathering-skeleton-list/index.tsx b/src/components/common/skeleton/reviewable-gathering-skeleton-list/index.tsx
new file mode 100644
index 00000000..e05b991e
--- /dev/null
+++ b/src/components/common/skeleton/reviewable-gathering-skeleton-list/index.tsx
@@ -0,0 +1,18 @@
+import ReviewableGatheringSkeleton from '../reviewable-gathering-skeleton';
+
+interface ReviewableGatheringSkeletonListProps {
+ num: number;
+}
+
+export default function ReviewableGatheringSkeletonList({
+ num,
+}: ReviewableGatheringSkeletonListProps) {
+ return (
+
+ {[...Array(num)].map((_, index) => (
+ // eslint-disable-next-line react/no-array-index-key
+
+ ))}
+
+ );
+}
diff --git a/src/components/common/skeleton/reviewable-review-skeleton/index.tsx b/src/components/common/skeleton/reviewable-gathering-skeleton/index.tsx
similarity index 54%
rename from src/components/common/skeleton/reviewable-review-skeleton/index.tsx
rename to src/components/common/skeleton/reviewable-gathering-skeleton/index.tsx
index d8660d94..0793fd72 100644
--- a/src/components/common/skeleton/reviewable-review-skeleton/index.tsx
+++ b/src/components/common/skeleton/reviewable-gathering-skeleton/index.tsx
@@ -1,14 +1,14 @@
import { Skeleton } from '@mantine/core';
-export default function ReviewableReviewSkeleton() {
+export default function ReviewableGatheringSkeleton() {
return (
);
diff --git a/src/components/common/skeleton/reviewable-review-skeleton-list/index.tsx b/src/components/common/skeleton/reviewable-review-skeleton-list/index.tsx
deleted file mode 100644
index 3a749f9f..00000000
--- a/src/components/common/skeleton/reviewable-review-skeleton-list/index.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import ReviewableReviewSkeleton from '../reviewable-review-skeleton';
-
-interface ReviewableReviewSkeletonListProps {
- num: number;
-}
-
-export default function ReviewableReviewSkeletonList({ num }: ReviewableReviewSkeletonListProps) {
- return (
-
- {[...Array(num)].map((_, index) => (
- // eslint-disable-next-line react/no-array-index-key
-
- ))}
-
- );
-}
diff --git a/src/components/common/tab/index.tsx b/src/components/common/tab/index.tsx
index 60cb33e1..9aa38118 100644
--- a/src/components/common/tab/index.tsx
+++ b/src/components/common/tab/index.tsx
@@ -8,7 +8,6 @@ export interface TabsProps {
tabs: Tab[];
activeTab: string;
onTabClick: (id: string) => void;
- variant?: 'default' | 'review';
}
/**
@@ -20,7 +19,7 @@ export interface TabsProps {
* @param variant - 탭 스타일 유형, 기본 값은 'default'이며 'review'로 전환 가능
*/
-export default function Tabs({ tabs, activeTab, onTabClick, variant = 'default' }: TabsProps) {
+export default function Tabs({ tabs, activeTab, onTabClick }: TabsProps) {
const baseStyle =
'rounded-xl w-full border border-blue-500 px-4 py-2 font-bold sm:text-base md:w-max md:text-lg lg:text-lg ';
diff --git a/src/components/common/tab/tab.stories.tsx b/src/components/common/tab/tab.stories.tsx
index 2fd99ea9..51aefb61 100644
--- a/src/components/common/tab/tab.stories.tsx
+++ b/src/components/common/tab/tab.stories.tsx
@@ -5,7 +5,7 @@ import tabData from '@/src/data/tab.json';
import Tabs, { TabsProps } from './index';
const meta: Meta = {
- title: 'Components/Tabs',
+ title: 'layout/tabs',
component: Tabs,
tags: ['autodocs'],
argTypes: {
@@ -20,13 +20,6 @@ const meta: Meta = {
onTabClick: {
description: '탭 클릭 시 호출되는 함수',
},
- variant: {
- description: '탭 스타일 유형 ("default" | "review")',
- control: {
- type: 'radio',
- options: ['default', 'review'],
- },
- },
},
};
@@ -59,10 +52,3 @@ CrewTabs.args = {
tabs: tabData.crewTabs,
activeTab: tabData.crewTabs[0].id,
};
-
-export const ReviewTabs = Template.bind({});
-ReviewTabs.args = {
- tabs: tabData.reviewTabs,
- activeTab: tabData.reviewTabs[0].id,
- variant: 'review',
-};
diff --git a/src/components/common/toast/index.tsx b/src/components/common/toast/index.tsx
deleted file mode 100644
index 4afb3bff..00000000
--- a/src/components/common/toast/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { Bounce, ToastContainer, ToastOptions, toast } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
-
-type ToastType = 'success' | 'error' | 'warning';
-
-interface ToastProps {
- message: string;
- type: ToastType;
-}
-
-export default function Toast({ message, type }: ToastProps) {
- const options: ToastOptions = {
- position: 'bottom-right',
- autoClose: 3000,
- hideProgressBar: false,
- closeOnClick: true,
- rtl: false,
- pauseOnFocusLoss: true,
- draggable: true,
- pauseOnHover: true,
- theme: 'light',
- // 테마 컬러로 변경하려면 theme을 colored로 변경
- transition: Bounce,
- };
-
- toast(message, { ...options, type });
-
- return
;
-}
diff --git a/src/components/common/toast/toast.stories.tsx b/src/components/common/toast/toast.stories.tsx
deleted file mode 100644
index 365e75f6..00000000
--- a/src/components/common/toast/toast.stories.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Toast from './index';
-
-const meta: Meta
= {
- title: 'Components/Toast',
- component: Toast,
- parameters: {
- layout: 'centered',
- },
- tags: ['autodocs'],
- argTypes: {
- type: {
- control: { type: 'select' },
- options: ['success', 'error', 'warning'],
- },
- message: { control: 'text' },
- },
-} satisfies Meta;
-
-export default meta;
-type Story = StoryObj;
-
-// Success Toast
-export const SuccessToast: Story = {
- args: {
- message: '성공..!',
- type: 'success',
- },
-};
-
-// Error Toast
-export const ErrorToast: Story = {
- args: {
- message: '에러...!',
- type: 'error',
- },
-};
-
-// Warning Toast
-export const WarningToast: Story = {
- args: {
- message: '문제가 있음',
- type: 'warning',
- },
-};
diff --git a/src/components/my-page/reviewable-gatherings/reviewable-gathering-card.tsx b/src/components/my-page/reviewable-gatherings/reviewable-gathering-card.tsx
deleted file mode 100644
index eb5fec4c..00000000
--- a/src/components/my-page/reviewable-gatherings/reviewable-gathering-card.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import Image from 'next/image';
-import Profiles from '@/src/components/common/crew-list/profiles';
-import Button from '@/src/components/common/input/button';
-import { ParticipantType } from '@/src/types/reviewable-gathering-card';
-import person from '@/public/assets/icons/person.svg';
-import ReviewingModal from '../reviewing-modal/reviewing-modal';
-
-interface ReviewableGatheringCardProps {
- id: number;
- gatheringName: string;
- dateTime: string;
- currentCount: number;
- totalCount: number;
- imageUrl: string;
- participants: ParticipantType[];
-}
-
-// NOTE: 추후 합치기
-export function formatDateWithYear(dateString: string) {
- const date = new Date(dateString);
-
- const year = date.getFullYear();
- const month = date.getMonth() + 1;
- const day = date.getDate();
-
- return { year, month, day };
-}
-
-export default function ReviewableGatheringCard({
- id,
- currentCount,
- dateTime,
- gatheringName,
- imageUrl,
- participants,
- totalCount,
-}: ReviewableGatheringCardProps) {
- const [isModalOpened, setIsModalOpened] = useState(false);
- const { year, month, day } = formatDateWithYear(dateTime);
-
- const profiles = participants.map((participant) => ({
- id: participant.id,
- nickname: participant.nickname,
- profileImageUrl: participant.profileImageUrl,
- }));
-
- return (
-
-
-
-
-
-
-
-
- {gatheringName}
-
-
-
-
-
-
- {currentCount}/{totalCount}
-
-
-
-
-
{`${year}년 ${month}월 ${day}일`}
-
-
-
-
{
- setIsModalOpened(false);
- }}
- />
-
- );
-}
diff --git a/src/components/my-page/reviewing-modal/review-form.tsx b/src/components/my-page/reviewing-modal/review-form.tsx
deleted file mode 100644
index 441e1162..00000000
--- a/src/components/my-page/reviewing-modal/review-form.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { Button } from '@mantine/core';
-import Textarea from '@/src/components/common/input/textarea';
-import ButtonHearts from './button-hearts';
-
-type FormValues = {
- reviewText: string;
- score: number;
-};
-
-interface ReviewProps {
- onCancel: () => void;
-}
-
-export default function ReviewForm({ onCancel }: ReviewProps) {
- const { register, handleSubmit } = useForm();
- const [textReview, setTextReview] = useState('');
- const [point, setPoint] = useState(0);
-
- // TODO : 주석 부분(api 연결) 수정
- // TODO : form에 넣기: onSubmit={handleSubmit(clickSubmit)}
-
- const handleTextChange = (e: React.ChangeEvent) => {
- setTextReview(e.target.value);
- };
-
- const handleScoreChange = (newScore: number) => {
- setPoint(newScore);
- };
-
- return (
-
- );
-}
diff --git a/src/constants/.gitkeep b/src/constants/.gitkeep
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/contexts/.gitkeep b/src/contexts/.gitkeep
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/mock/crew-data.ts b/src/mock/crew-data.ts
deleted file mode 100644
index e3554f9e..00000000
--- a/src/mock/crew-data.ts
+++ /dev/null
@@ -1,482 +0,0 @@
-interface CrewMember {
- id: number;
- nickname: string;
- profileImageUrl: string;
-}
-
-interface CrewDataItem {
- id: number;
- mainCategory: string;
- subCategory: string;
- title: string;
- location: string;
- subLocation: string;
- participantCount: number;
- totalCount: number;
- imageUrl: string;
- isConfirmed: boolean;
- totalGatheringCount: number;
- crewMember: CrewMember[];
-}
-
-interface CrewData {
- data: CrewDataItem[];
-}
-
-export const crewData: CrewData = {
- data: [
- {
- id: 1,
- mainCategory: '유산소',
- subCategory: '수영',
- title: '엄청긴크루이름엄청긴크루이름엄청긴크루이름엄청긴크루이름',
- location: '경기도',
- subLocation: '어디구 어디로',
- participantCount: 5,
- totalCount: 24,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: true,
- totalGatheringCount: 3,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 2,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '광주',
- subLocation: '어디구 어디로',
- participantCount: 10,
- totalCount: 20,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: true,
- totalGatheringCount: 3,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 5,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 6,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 7,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 8,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 9,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 10,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- ],
- },
- {
- id: 3,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '부산',
- subLocation: '어디구 어디로',
- participantCount: 1,
- totalCount: 5,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: false,
- totalGatheringCount: 3,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- ],
- },
- {
- id: 4,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '부산',
- subLocation: '어디구 어디로',
- participantCount: 1,
- totalCount: 20,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: false,
- totalGatheringCount: 3,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- ],
- },
- {
- id: 5,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '부산',
- subLocation: '어디구 어디로',
- participantCount: 1,
- totalCount: 20,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: false,
- totalGatheringCount: 5,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- ],
- },
- {
- id: 6,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '광주',
- subLocation: '어디구 어디로',
- participantCount: 10,
- totalCount: 20,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: true,
- totalGatheringCount: 5,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 5,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 6,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 7,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 8,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 9,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 10,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- ],
- },
- {
- id: 7,
- mainCategory: '유산소',
- subCategory: '수영',
- title: '엄청긴크루이름엄청긴크루이름엄청긴크루이름엄청긴크루이름',
- location: '경기도',
- subLocation: '어디구 어디로',
- participantCount: 5,
- totalCount: 24,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: true,
- totalGatheringCount: 5,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 5,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- ],
- },
- {
- id: 8,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '광주',
- subLocation: '어디구 어디로',
- participantCount: 10,
- totalCount: 20,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: true,
- totalGatheringCount: 5,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 5,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 6,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 7,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 8,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 9,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 10,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- ],
- },
- {
- id: 9,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '부산',
- subLocation: '어디구 어디로',
- participantCount: 3,
- totalCount: 5,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: false,
- totalGatheringCount: 5,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- ],
- },
- {
- id: 10,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '부산',
- subLocation: '어디구 어디로',
- participantCount: 1,
- totalCount: 20,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: false,
- totalGatheringCount: 5,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- ],
- },
- {
- id: 11,
- mainCategory: '유산소',
- subCategory: '달리기',
- title: '같이 달릴사람 구함',
- location: '부산',
- subLocation: '어디구 어디로',
- participantCount: 1,
- totalCount: 20,
- imageUrl: 'https://i.pinimg.com/564x/f8/8d/c5/f88dc5b857caf6c303ae5ef9dd12e7fb.jpg',
- isConfirmed: false,
- totalGatheringCount: 5,
- crewMember: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- ],
- },
- ],
-};
diff --git a/src/mock/gathering-data.ts b/src/mock/gathering-data.ts
deleted file mode 100644
index 199aea6e..00000000
--- a/src/mock/gathering-data.ts
+++ /dev/null
@@ -1,474 +0,0 @@
-export const gatheringData = {
- data: [
- {
- id: 1,
- title: '가나다라마가나다라마가나다라마가',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1601758260892-a62c486ace97?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
- liked: true,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 2,
- title: '등산 모임',
- dateTime: '2024-11-12T09:00',
- location: '서울, 한강공원 길어질 경우 처리리리리리',
- currentCount: 5,
- totalCount: 10,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: false,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- ],
- },
- {
- id: 3,
- title: '조깅 모임',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: false,
- crewList: [],
- },
- {
- id: 4,
- title: '조깅 모임',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: true,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 5,
- title: '등산 모임',
- dateTime: '2024-11-12T09:00',
- location: '서울, 북한산',
- currentCount: 5,
- totalCount: 10,
- imageUrl:
- 'https://images.unsplash.com/photo-1601758260892-a62c486ace97?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
- liked: false,
- },
- {
- id: 6,
- title: '가나다라 모임',
- dateTime: '2024-10-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: true,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 7,
- title: '조깅 모임',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: false,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- ],
- },
- {
- id: 8,
- title: '조깅 모임',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: true,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- ],
- },
- {
- id: 9,
- title: '등산 모임',
- dateTime: '2024-11-12T09:00',
- location: '서울, 북한산',
- currentCount: 5,
- totalCount: 10,
- imageUrl:
- 'https://images.unsplash.com/photo-1601758260892-a62c486ace97?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
- liked: false,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 10,
- title: '가나다라 모임',
- dateTime: '2024-10-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1601758260892-a62c486ace97?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
- liked: true,
- },
- {
- id: 11,
- title: '조깅 모임',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1601758260892-a62c486ace97?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
- liked: false,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 12,
- title: '조깅 모임',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: true,
- },
- {
- id: 13,
- title: '등산 모임',
- dateTime: '2024-11-12T09:00',
- location: '서울, 북한산',
- currentCount: 5,
- totalCount: 10,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: false,
- },
- {
- id: 14,
- title: '가나다라 모임',
- dateTime: '2024-10-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1601758260892-a62c486ace97?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
- liked: true,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 15,
- title: '가나다라마가나다라마가나다라마가',
- dateTime: '2024-12-15T07:30',
- location: '서울, 한강공원 길어질 경우 처리리리리리',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: false,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- {
- id: 16,
- title: '가나다라 모임',
- dateTime: '2024-10-15T07:30',
- location: '서울, 한강공원',
- currentCount: 8,
- totalCount: 12,
- imageUrl:
- 'https://images.unsplash.com/photo-1516978101789-720eacb59e79?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjV8fGNhdHxlbnwwfHwwfHx8Mg%3D%3D',
- liked: true,
- crewList: [
- {
- id: 1,
- nickname: 'User1',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/25/bb/e225bb492dc7a20a549f3c0abec28eb8.jpg',
- },
- {
- id: 2,
- nickname: 'User2',
- profileImageUrl:
- 'https://i.pinimg.com/564x/9d/b8/86/9db886bb5475cc35a7f450831f4125bc.jpg',
- },
- {
- id: 3,
- nickname: 'User3',
- profileImageUrl:
- 'https://i.pinimg.com/564x/41/56/d8/4156d8253b6d76e5455d28b44bd1a1e0.jpg',
- },
- {
- id: 4,
- nickname: 'User4',
- profileImageUrl:
- 'https://i.pinimg.com/564x/e2/e6/47/e2e64732424094c4e9e2643aaaf4389e.jpg',
- },
- {
- id: 5,
- nickname: 'User5',
- profileImageUrl:
- 'https://i.pinimg.com/564x/17/06/45/170645a5f7b8a76f04c15b226b22cf90.jpg',
- },
- ],
- },
- ],
- pagination: { totalCount: 16, page: 1, limit: 6 },
-};
diff --git a/src/mock/review-data.ts b/src/mock/review-data.ts
index 7bf39305..eb06cca9 100644
--- a/src/mock/review-data.ts
+++ b/src/mock/review-data.ts
@@ -1,6 +1,4 @@
-// image: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
-// image: 'https://i.pinimg.com/564x/1c/3e/ff/1c3eff0cf58c3f87bc3310ff1528da20.jpg',
-import { CrewReview, MyReview } from '../types/review';
+import { CrewReview } from '../types/review';
// NOTE: 크루 리뷰
export const CrewReviewData: { data: CrewReview[] } = {
@@ -15,7 +13,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 1,
nickname: '샘플1',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -27,7 +25,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 2,
nickname: '샘플2',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -39,7 +37,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 3,
nickname: '샘플3',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -51,7 +49,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 4,
nickname: '샘플4',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -63,7 +61,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 5,
nickname: '샘플5',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -75,7 +73,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 6,
nickname: '샘플6',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -87,7 +85,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 7,
nickname: '샘플7',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -99,7 +97,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 2,
nickname: '샘플2',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -111,7 +109,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 3,
nickname: '샘플3',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -123,7 +121,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 4,
nickname: '샘플4',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -135,7 +133,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 5,
nickname: '샘플5',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -147,7 +145,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 6,
nickname: '샘플6',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -159,7 +157,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 7,
nickname: '샘플7',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -171,7 +169,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 4,
nickname: '샘플4',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -183,7 +181,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 5,
nickname: '샘플5',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -195,7 +193,7 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 6,
nickname: '샘플6',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
{
@@ -207,134 +205,90 @@ export const CrewReviewData: { data: CrewReview[] } = {
reviewer: {
id: 7,
nickname: '샘플7',
- imageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
+ profileImageUrl: 'https://i.pinimg.com/736x/5d/83/ce/5d83cec545201e5ca8f2477070e2eac9.jpg',
},
},
],
};
-// NOTE: 나의 리뷰
-export const MyReviewData: { data: MyReview[] } = {
- data: [
+// NOTE: 나의 리뷰 (스토리북 테스트용)
+export const MyReviewData = {
+ pages: [
{
- crewId: 1,
- crewName: '크루크루크루크루크루크루',
- gatheringName: '모임모임모임약속약속약속',
- id: 3,
- rate: 3,
- comment: '리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰',
- createdAt: '2024-11-09T10:09:12.306+09:00',
- gatheringLocation: '어느동',
+ content: [
+ {
+ crewId: 1,
+ crewName: '크루크루크루크루크루크루',
+ gatheringName: '모임모임모임약속약속약속',
+ id: 3,
+ rate: 3,
+ comment: '리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰',
+ createdAt: '2024-11-09T10:09:12.306+09:00',
+ gatheringLocation: '어느동',
+ },
+ {
+ crewId: 2,
+ crewName: '최초의크루이자최후의크루',
+ gatheringName: '천지창조',
+ id: 4,
+ rate: 4,
+ comment: '다시는 안 간다',
+ createdAt: '2024-10-31T10:09:12.306+09:00',
+ gatheringLocation: '어느동',
+ },
+ ],
+ hasNext: true, // 다음 페이지 여부
},
{
- crewId: 2,
- crewName: '최초의크루이자최후의크루',
- gatheringName: '천지창조',
- id: 4,
- rate: 4,
- comment: '다시는 안 간다',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
+ content: [
+ {
+ crewId: 3,
+ crewName: '마지막크루...최종의최종의최종',
+ gatheringName: '친구들아모여라',
+ id: 5,
+ rate: 2,
+ comment: '펭귄이랑 친구하고싶어요',
+ createdAt: '2024-10-31T10:09:12.306+09:00',
+ gatheringLocation: '어느동',
+ },
+ {
+ crewId: 4,
+ crewName: '할일없는사람만들어오세요',
+ gatheringName: '숨쉬기모임',
+ id: 6,
+ rate: 5,
+ comment: '복식호흡을 할 수 있게 됐어요 감사합니다',
+ createdAt: '2024-10-31T10:09:12.306+09:00',
+ gatheringLocation: '어느동',
+ },
+ ],
+ hasNext: true,
},
{
- crewId: 2,
- crewName: '마지막크루...최종의최종의최종',
- gatheringName: '친구들아모여라',
- id: 5,
- rate: 2,
- comment: '펭귄이랑 친구하고싶어요',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
- },
- {
- crewId: 3,
- crewName: '할일없는사람만들어오세요',
- gatheringName: '숨쉬기모임',
- id: 6,
- rate: 5,
- comment: '복식호흡을 할 수 있게 됐어요 감사합니다',
- createdAt: '2024-10-31T10:09:12.306+09:006',
- gatheringLocation: '어느동',
- },
- {
- crewId: 3,
- crewName: '크루크루크루크루크루크루',
- gatheringName: '모임모임모임약속약속약속',
- id: 7,
- rate: 3,
- comment: '리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰',
- createdAt: '2024-10-31T00:56',
- gatheringLocation: '어느동',
- },
- {
- crewId: 3,
- crewName: '최초의크루이자최후의크루',
- gatheringName: '천지창조',
- id: 8,
- rate: 4,
- comment: '다시는 안 간다',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
- },
- {
- crewId: 4,
- crewName: '마지막크루...최종의최종의최종',
- gatheringName: '친구들아모여라',
- id: 9,
- rate: 3,
- comment: '펭귄이랑 친구하고싶어요',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
- },
- {
- crewId: 5,
- crewName: '할일없는사람만들어오세요',
- gatheringName: '숨쉬기모임',
- id: 10,
- rate: 5,
- comment: '복식호흡을 할 수 있게 됐어요 감사합니다',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
- },
- {
- crewId: 5,
- crewName: '크루크루크루크루크루크루',
- gatheringName: '모임모임모임약속약속약속',
- id: 11,
- rate: 4,
- comment: '리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
- },
- {
- crewId: 6,
- crewName: '최초의크루이자최후의크루',
- gatheringName: '천지창조',
- id: 12,
- rate: 3,
- comment: '다시는 안 간다',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
- },
- {
- crewId: 6,
- crewName: '마지막크루...최종의최종의최종',
- gatheringName: '친구들아모여라',
- id: 13,
- rate: 2,
- comment: '펭귄이랑 친구하고싶어요',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
- },
- {
- crewId: 6,
- crewName: '할일없는사람만들어오세요',
- gatheringName: '숨쉬기모임',
- id: 14,
- rate: 5,
- comment: '복식호흡을 할 수 있게 됐어요 감사합니다',
- createdAt: '2024-10-31T10:09:12.306+09:00',
- gatheringLocation: '어느동',
+ content: [
+ {
+ crewId: 5,
+ crewName: '크루크루크루크루크루크루',
+ gatheringName: '모임모임모임약속약속약속',
+ id: 7,
+ rate: 3,
+ comment: '리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰리뷰',
+ createdAt: '2024-10-31T00:56',
+ gatheringLocation: '어느동',
+ },
+ {
+ crewId: 6,
+ crewName: '최초의크루이자최후의크루',
+ gatheringName: '천지창조',
+ id: 8,
+ rate: 4,
+ comment: '다시는 안 간다',
+ createdAt: '2024-10-31T10:09:12.306+09:00',
+ gatheringLocation: '어느동',
+ },
+ ],
+ hasNext: false,
},
],
+ pageParams: [], // 페이지 파라미터
};
diff --git a/src/stories/Configure.mdx b/src/stories/Configure.mdx
index 709c0412..236e7c21 100644
--- a/src/stories/Configure.mdx
+++ b/src/stories/Configure.mdx
@@ -4,6 +4,8 @@ import Accessibility from './assets/accessibility.png';
import AddonLibrary from './assets/addon-library.png';
import Assets from './assets/assets.png';
import Context from './assets/context.png';
+import Cbd from './assets/development-cbd.png';
+import Pattern from './assets/development-pattern.png';
import Discord from './assets/discord.svg';
import Docs from './assets/docs.png';
import FigmaPlugin from './assets/figma-plugin.png';
@@ -33,73 +35,51 @@ export const RightArrow = () => (
);
-
+
- # Configure your project
-
- Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
-
+ # Development
+ Component-Based Development, Container/Presentational Pattern을 활용해 개발했습니다.
-
Add styling and CSS
-
Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.
-
Learn more
+
Component-Based Development
+
UI를 독립적이고 재사용 가능한 컴포넌트로 분리하여 유지보수성과 확장성을 높이고, 개발자 간 협업과 코드 재사용을 용이하게 만들었습니다.
+
-
Provide context and mocking
-
Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.
-
Learn more
-
-
-
-
-
Load assets and resources
-
To link static files (like fonts) to your projects and stories, use the
- `staticDirs` configuration option to specify folders to load when
- starting Storybook.
-
Learn more
-
+
Container/Presentational Pattern
+
비즈니스 로직과 UI로 관심사를 명확히 분리하여 코드의 유지보수성과 재사용성을 높이기 위해서 사용했습니다.
+
+
- # Do more with Storybook
-
- Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
-
+ # Crew Crew
+ ### 약속하고 만나는 운동 소모임 웹사이트
+
+
운동 종목, 지역에 따라 크루를 만들고, 크루 안에서 자유롭게 약속을 만들어 함께 운동을 즐길 수 있는 사이트입니다.
+
https://crewcrew.vercel.app/
@@ -112,13 +92,9 @@ export const RightArrow = () => (
src={Docs}
alt="A screenshot showing the autodocs tag being set, pointing a docs page being generated"
/>
-
Autodocs
-
Auto-generate living,
- interactive reference documentation from your components and stories.
-
Learn more
+
크루 찾기
+
운동 종목별·지역별로 분류하고, 최신·인기순으로 정렬하여 크루를 검색할 수 있습니다.
+
(
src={Share}
alt="A browser window showing a Storybook being published to a chromatic.com URL"
/>
- Publish to Chromatic
- Publish your Storybook to review and collaborate with your entire team.
- Learn more
+ 로그인/회원가입
+ 크루크루 회원가입 후 로그인하면 크루에 참여하고, 활동 가능합니다.
+
(
src={FigmaPlugin}
alt="Windows showing the Storybook plugin in Figma"
/>
- Figma Plugin
- Embed your stories into Figma to cross-reference the design and live
- implementation in one place.
- Learn more
+ 크루
+ 원하는 크루에 참여하거나, 크루를 만들어 직집 운영합니다.
+
(
src={Testing}
alt="Screenshot of tests passing and failing"
/>
- Testing
- Use stories to test a component in all its variations, no matter how
- complex.
- Learn more
+ 약속
+ 크루 참여 후 약속에 참여하거나 약속을 만들어서 사람들과 함께 운동합니다.
+
(
src={Accessibility}
alt="Screenshot of accessibility tests passing and failing"
/>
- Accessibility
- Automatically test your components for a11y issues as you develop.
- Learn more
+ 나의 크루/약속
+ 내가 만든/참여한 크루, 내가 만든/참여한 약속, 찜한 약속을 탭에서 나의 활동을 확인하고 관리합니다.
+
(
src={Theming}
alt="Screenshot of Storybook in light and dark mode"
/>
- Theming
- Theme Storybook's UI to personalize it to your project.
- Learn more
+ 마이페이지
+ 나의 프로필을 확인/수정하고, 약속에 대한 리뷰를 작성 후 확인합니다.
+