diff --git a/src/app/(with-header)/activities/[activitiesId]/components/ReviewCard.tsx b/src/app/(with-header)/activities/[activitiesId]/components/ReviewCard.tsx new file mode 100644 index 0000000..e44a42c --- /dev/null +++ b/src/app/(with-header)/activities/[activitiesId]/components/ReviewCard.tsx @@ -0,0 +1,31 @@ +import Avatar from '@/components/Avatar'; + +interface UserReviewProps { + userName: string; + date: string; + reviewText: string; + avatarSrc: string; +} + +export default function ReviewCard({ + userName, + date, + reviewText, + avatarSrc, +}: UserReviewProps) { + return ( +
+ +
+
+

{userName}

+

|

+

{date}

+
+

+ {reviewText} +

+
+
+ ); +} diff --git a/src/app/(with-header)/activities/[activitiesId]/page.tsx b/src/app/(with-header)/activities/[activitiesId]/page.tsx index 114452d..c6bc385 100644 --- a/src/app/(with-header)/activities/[activitiesId]/page.tsx +++ b/src/app/(with-header)/activities/[activitiesId]/page.tsx @@ -3,6 +3,7 @@ import { mockActivity } from './mock/mock'; import Title from './components/Title'; import ImageGrid from './components/ImageGrid'; +import ReviewCard from './components/ReviewCard'; export default function ActivityDetailPage() { const { @@ -36,6 +37,12 @@ export default function ActivityDetailPage() {

{description}

+ ); }