Merge pull request #79 from pobu-team/develop

develop -> main
pobu-team · Mar 3, 2024 · 1f0c92c · 1f0c92c
2 parents 619eac1 + f33ecc8
commit 1f0c92c
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git 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 (
     <>
       <PoseContainer>
-        <div>
-          <img onClick={openModal} src={`${process.env.REACT_APP_API_BASE_URL}${poseInfo.imageUrl}`} alt={poseInfo.imageUrl} />
+        <div role="button" onClick={openModal} tabIndex={0} onKeyDown={openModal}>
+          <img src={`${process.env.REACT_APP_API_BASE_URL}${poseInfo.imageUrl}`} alt={poseInfo.imageUrl} />
         </div>
         <LikeButton
           likePoseIdArr={likePoseIdArr}
           poseId={poseInfo.poseId}
           type="DETAIL"
-          />
+        />
       </PoseContainer>
       <Modal modalRef={modalRef} hide={closeModal} hideOnClickOutside>
-        <FullImage>
+        <FullImage onClick={closeModal}>
           <img src={`${process.env.REACT_APP_API_BASE_URL}${poseInfo.imageUrl}`} alt={poseInfo.imageUrl} />
         </FullImage>
       </Modal>
-     </>
+    </>
   );
 }
diff --git 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
@@ -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
@@ -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<PoseInfo[]> {
     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}`,
         },