diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts index e1b5469..931132b 100644 --- a/src/assets/icons/index.ts +++ b/src/assets/icons/index.ts @@ -41,3 +41,4 @@ export { default as User } from './page/user.svg'; export { default as Warning } from './page/warning.svg'; export { default as Wellbeing } from './page/wellbeing.svg'; export { default as Burger } from './page/burger.svg'; +export { default as FallbackImage } from './page/fallback_image.svg'; diff --git a/src/assets/icons/page/fallback_image.svg b/src/assets/icons/page/fallback_image.svg new file mode 100644 index 0000000..79abecd --- /dev/null +++ b/src/assets/icons/page/fallback_image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/common/card/CardContainer.tsx b/src/components/common/card/CardContainer.tsx index 161dfe7..d3d89f1 100644 --- a/src/components/common/card/CardContainer.tsx +++ b/src/components/common/card/CardContainer.tsx @@ -21,7 +21,7 @@ interface Props { */ export default function CardContainer({ variant, children, className }: Props) { const baseLayout = { - grid: 'flex flex-col lg:w-65.5 shadow-[0_0_20px_rgba(0,0,0,0.08)] rounded-3xl overflow-hidden', + grid: 'flex flex-col w-full shadow-[0_0_20px_rgba(0,0,0,0.08)] rounded-3xl overflow-hidden', list: 'flex justify-between items-center bg-white rounded-3xl p-6 md:w-119 lg:w-160 shadow-[0_4px_24px_0_rgba(156,180,202,0.20)]', reservation: 'flex w-full flex-col lg:flex-row ', }[variant]; diff --git a/src/components/common/image-upload/ImageUpload.tsx b/src/components/common/image-upload/ImageUpload.tsx index 1d3c96f..ef216e0 100644 --- a/src/components/common/image-upload/ImageUpload.tsx +++ b/src/components/common/image-upload/ImageUpload.tsx @@ -1,4 +1,4 @@ -import { Delete, PasswordHidden } from '@/assets/icons'; +import { Delete, FallbackImage } from '@/assets/icons'; import { useEffect, useRef, useState } from 'react'; import imageCompression from 'browser-image-compression'; type ImageUploadProps = { @@ -91,7 +91,7 @@ export default function ImageUpload({ type='button' onClick={handleClick} className='flex h-20 w-20 flex-col items-center justify-center gap-0.5 rounded-md border border-gray-100 bg-white px-5 py-1.5 sm:h-32 sm:w-32 sm:gap-2.5 sm:rounded-2xl sm:py-4'> - +
{fileCount}/{maxFiles}
diff --git a/src/pages/ActivityDetail/ActivityReviews.tsx b/src/pages/ActivityDetail/ActivityReviews.tsx index 2d14841..6edf73e 100644 --- a/src/pages/ActivityDetail/ActivityReviews.tsx +++ b/src/pages/ActivityDetail/ActivityReviews.tsx @@ -1,6 +1,7 @@ import { useState } from 'react'; import Title from '@/components/common/Title'; import Pagination from '@/components/common/pagination'; +import RatingStar from '@/components/common/RatingStar'; import { Star } from '@/assets/icons'; import { useActivityReviews } from '@/hooks/queries/useActivityReviews'; @@ -106,14 +107,10 @@ export default function ActivityReviews({ activityId }: ActivityReviewsProps) { {review.user.nickname} {formattedDate} -
- {Array.from({ length: 5 }).map((_, i) => ( - - ))} -
+

{review.content}

); diff --git a/src/pages/ActivityDetailPage.tsx b/src/pages/ActivityDetailPage.tsx index 2a2577d..4abcb6e 100644 --- a/src/pages/ActivityDetailPage.tsx +++ b/src/pages/ActivityDetailPage.tsx @@ -298,7 +298,7 @@ function ActivityDetailPage() { {/* 우측 영역 - 예약 정보 (데스크톱) */}