diff --git a/src/components/detail/PoseImage.tsx b/src/components/detail/PoseImage.tsx index 24ae8f5..50b8281 100644 --- a/src/components/detail/PoseImage.tsx +++ b/src/components/detail/PoseImage.tsx @@ -18,7 +18,7 @@ const FullImage = styled.div` max-height: calc(100vh - 57px); object-fit: contain; } -` +`; export default function PoseImage({ poseInfo } : {poseInfo: PoseInfo}) { const likePoseIdArr = useFetchLikeList(); @@ -27,20 +27,20 @@ export default function PoseImage({ poseInfo } : {poseInfo: PoseInfo}) { return ( <> -
- {poseInfo.imageUrl} +
+ {poseInfo.imageUrl}
+ /> - + {poseInfo.imageUrl} - + ); } diff --git a/src/components/mypage/index.tsx b/src/components/mypage/index.tsx index 9d61b23..1647592 100644 --- a/src/components/mypage/index.tsx +++ b/src/components/mypage/index.tsx @@ -24,6 +24,7 @@ const ProfileSection = styled.div` const PoseSection = styled.div` padding-top: 14.8rem; + padding-bottom: 7rem; `; export default function MyPage() { diff --git a/src/constant/pose.ts b/src/constant/pose.ts new file mode 100644 index 0000000..847122c --- /dev/null +++ b/src/constant/pose.ts @@ -0,0 +1,2 @@ +// eslint-disable-next-line import/prefer-default-export +export const MAX_IMG_COUNT = 500; diff --git a/src/service/AuthPoseService.ts b/src/service/AuthPoseService.ts index 86c87ad..276114e 100644 --- a/src/service/AuthPoseService.ts +++ b/src/service/AuthPoseService.ts @@ -1,5 +1,6 @@ import axios from 'axios'; import { PoseInfo } from '../types/PoseType'; +import { MAX_IMG_COUNT } from '../constant/pose'; const API_BASE_URL = `${process.env.REACT_APP_API_BASE_URL}/api/v1` || 'https://server.poseplz.com/api/v1'; @@ -23,7 +24,7 @@ export default class AuthPoseService { async fetchMyPoses() : Promise { try { const token = localStorage.getItem('accessToken')?.replace(/^"|"$/g, ''); - const { data } = await this.instance.get('/members/me/poses', { + const { data } = await this.instance.get(`/members/me/poses?page=0&size=${MAX_IMG_COUNT}`, { headers: { Authorization: `Bearer ${token}`, },