diff --git a/src/app/(main)/mypage/_component/MyGatheringList.tsx b/src/app/(main)/mypage/_component/MyGatheringList.tsx
index 4ad841e8..197e0776 100644
--- a/src/app/(main)/mypage/_component/MyGatheringList.tsx
+++ b/src/app/(main)/mypage/_component/MyGatheringList.tsx
@@ -4,6 +4,7 @@ import getMyGatherings from '@/app/api/gatherings/service/getMyGatherings';
import Card from '@/app/components/Card/Card';
import InfiniteScroll from '@/app/components/InfiniteScroll/InfiniteScroll';
import ReviewModal from '@/app/components/Modal/ReviewModal';
+import MotionWrapper from '@/app/components/MotionWrapper/MotionWrapper';
import useParticipation from '@/hooks/useParticipation';
import { queries } from '@/queries';
import { UserData } from '@/types/client.type';
@@ -30,7 +31,7 @@ const MyGatheringList = ({ initData, user }: MyGatheringListProps) => {
};
return (
- <>
+
{
{isModalOpen && (
)}
- >
+
);
};
diff --git a/src/app/(main)/mypage/created/_component/GatheringList.tsx b/src/app/(main)/mypage/created/_component/GatheringList.tsx
index 7eb4ea23..e7236557 100644
--- a/src/app/(main)/mypage/created/_component/GatheringList.tsx
+++ b/src/app/(main)/mypage/created/_component/GatheringList.tsx
@@ -5,6 +5,7 @@ import Card from '@/app/components/Card/Card';
import GradientOverlay from '@/app/components/GradientOverlay/GradientOverlay';
import useScrollGradientEffect from '@/hooks/useScrollGradientEffect';
import { GatheringType } from '@/types/data.type';
+import MotionWrapper from '@/app/components/MotionWrapper/MotionWrapper';
interface GatheringListProps {
dataList: GatheringType[];
@@ -35,22 +36,23 @@ const GatheringList = ({ dataList }: GatheringListProps) => {
{updateDataList().map((data, index) => (
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
))}
);
diff --git a/src/app/(main)/mypage/review/writable/page.tsx b/src/app/(main)/mypage/review/writable/page.tsx
index 54db43eb..cbf65f2c 100644
--- a/src/app/(main)/mypage/review/writable/page.tsx
+++ b/src/app/(main)/mypage/review/writable/page.tsx
@@ -11,6 +11,7 @@ import ReviewFilterTab from '../../_component/ReviewFilterTab';
import { queries } from '@/queries';
import useScrollGradientEffect from '@/hooks/useScrollGradientEffect';
import GradientOverlay from '@/app/components/GradientOverlay/GradientOverlay';
+import MotionWrapper from '@/app/components/MotionWrapper/MotionWrapper';
const WritableReviewsPage = () => {
const [isModalOpen, setIsModalOpen] = useState(false);
@@ -51,26 +52,27 @@ const WritableReviewsPage = () => {
{/* cards */}
{writableReviews?.length ? (
writableReviews.map((data, index) => (
-
-
-
-
-
- data.isCompleted && handleOpenModal(data.id)
- }
- />
-
-
+
+
+
+
+
+
+ data.isCompleted && handleOpenModal(data.id)
+ }
+ />
+
+
+
))
) : (
diff --git a/src/app/(main)/mypage/review/written/_component/ReviewsList.tsx b/src/app/(main)/mypage/review/written/_component/ReviewsList.tsx
index 2faaabf2..cd4f05c6 100644
--- a/src/app/(main)/mypage/review/written/_component/ReviewsList.tsx
+++ b/src/app/(main)/mypage/review/written/_component/ReviewsList.tsx
@@ -5,6 +5,7 @@ import GradientOverlay from '@/app/components/GradientOverlay/GradientOverlay';
import Review from '@/app/components/Review/Review';
import useScrollGradientEffect from '@/hooks/useScrollGradientEffect';
import { ReviewsType } from '@/types/data.type';
+import MotionWrapper from '@/app/components/MotionWrapper/MotionWrapper';
const ReviewsList = ({ writtenReviews }: { writtenReviews: ReviewsType[] }) => {
const {
@@ -20,27 +21,28 @@ const ReviewsList = ({ writtenReviews }: { writtenReviews: ReviewsType[] }) => {
{writtenReviews.map((review, index) => (
-
-
-
-
-
+
+
+
+
+
+
+
))}
);