feat: POST /shared/posts/dormitory API (kookmin-sw#75)

cjeongmin · cjeongmin · commit c52f94198796 · 2024-05-13T15:52:06.000+09:00
diff --git a/src/app/pages/writing-post-page.tsx b/src/app/pages/writing-post-page.tsx
@@ -23,6 +23,7 @@ import {
 import { useAuthValue } from '@/features/auth';
 import { getImageURL, putImage } from '@/features/image';
 import {
+  useCreateDormitorySharedPost,
   useCreateSharedPost,
   usePostMateCardInputSection,
   useSharedPostProps,
@@ -458,6 +459,7 @@ export function WritingPostPage() {
 
   const { mutate: createSharedPost } = useCreateSharedPost();
   const { mutate: updateSharedPost } = useUpdateSharedPost();
+  const { mutate: createDormitorySharedPost } = useCreateDormitorySharedPost();
 
   const { createToast } = useToast();
 
@@ -610,72 +612,10 @@ export function WritingPostPage() {
           });
         }, []);
 
-        if (postId == null) {
-          createSharedPost(
-            {
-              imageFilesData: uploadedImages,
-              postData: { title, content },
-              transactionData: {
-                rentalType: dealTypeValue,
-                expectedPayment: expectedMonthlyFee,
-              },
-              roomDetailData: {
-                roomType: roomTypeValue,
-                floorType: floorTypeValue,
-                size: houseSize,
-                numberOfRoom,
-                numberOfBathRoom,
-                hasLivingRoom: selectedOptions.livingRoom === '유',
-                recruitmentCapacity: mateLimit,
-                extraOption: {
-                  canPark: selectedExtraOptions.canPark ?? false,
-                  hasAirConditioner:
-                    selectedExtraOptions.hasAirConditioner ?? false,
-                  hasRefrigerator:
-                    selectedExtraOptions.hasRefrigerator ?? false,
-                  hasWasher: selectedExtraOptions.hasWasher ?? false,
-                  hasTerrace: selectedExtraOptions.hasTerrace ?? false,
-                },
-              },
-              locationData: {
-                oldAddress: address?.jibunAddress,
-                roadAddress: address?.roadAddress,
-              },
-              roomMateCardData: {
-                location: address?.roadAddress,
-                features: derivedFeatures,
-              },
-              participationData: {
-                recruitmentCapacity: mateLimit,
-                participationMemberIds:
-                  auth?.user != null ? [auth.user.memberId] : [],
-              },
-            },
-            {
-              onSuccess: () => {
-                createToast({
-                  message: '게시글이 정상적으로 업로드되었습니다.',
-                  option: {
-                    duration: 3000,
-                  },
-                });
-                router.back();
-              },
-              onError: () => {
-                createToast({
-                  message: '게시글 업로드에 실패했습니다.',
-                  option: {
-                    duration: 3000,
-                  },
-                });
-              },
-            },
-          );
-        } else if (postId != null) {
-          updateSharedPost(
-            {
-              postId,
-              postData: {
+        if (type === 'hasRoom') {
+          if (postId == null) {
+            createSharedPost(
+              {
                 imageFilesData: uploadedImages,
                 postData: { title, content },
                 transactionData: {
@@ -714,27 +654,111 @@ export function WritingPostPage() {
                     auth?.user != null ? [auth.user.memberId] : [],
                 },
               },
-            },
-            {
-              onSuccess: () => {
-                createToast({
-                  message: '게시글이 정상적으로 수정되었습니다.',
-                  option: {
-                    duration: 3000,
-                  },
-                });
-                router.back();
+              {
+                onSuccess: () => {
+                  createToast({
+                    message: '게시글이 정상적으로 업로드되었습니다.',
+                    option: {
+                      duration: 3000,
+                    },
+                  });
+                  router.back();
+                },
+                onError: () => {
+                  createToast({
+                    message: '게시글 업로드에 실패했습니다.',
+                    option: {
+                      duration: 3000,
+                    },
+                  });
+                },
               },
-              onError: () => {
-                createToast({
-                  message: '게시글 수정에 실패했습니다.',
-                  option: {
-                    duration: 3000,
+            );
+          } else if (postId != null) {
+            updateSharedPost(
+              {
+                postId,
+                postData: {
+                  imageFilesData: uploadedImages,
+                  postData: { title, content },
+                  transactionData: {
+                    rentalType: dealTypeValue,
+                    expectedPayment: expectedMonthlyFee,
                   },
-                });
+                  roomDetailData: {
+                    roomType: roomTypeValue,
+                    floorType: floorTypeValue,
+                    size: houseSize,
+                    numberOfRoom,
+                    numberOfBathRoom,
+                    hasLivingRoom: selectedOptions.livingRoom === '유',
+                    recruitmentCapacity: mateLimit,
+                    extraOption: {
+                      canPark: selectedExtraOptions.canPark ?? false,
+                      hasAirConditioner:
+                        selectedExtraOptions.hasAirConditioner ?? false,
+                      hasRefrigerator:
+                        selectedExtraOptions.hasRefrigerator ?? false,
+                      hasWasher: selectedExtraOptions.hasWasher ?? false,
+                      hasTerrace: selectedExtraOptions.hasTerrace ?? false,
+                    },
+                  },
+                  locationData: {
+                    oldAddress: address?.jibunAddress,
+                    roadAddress: address?.roadAddress,
+                  },
+                  roomMateCardData: {
+                    location: address?.roadAddress,
+                    features: derivedFeatures,
+                  },
+                  participationData: {
+                    recruitmentCapacity: mateLimit,
+                    participationMemberIds:
+                      auth?.user != null ? [auth.user.memberId] : [],
+                  },
+                },
               },
-            },
-          );
+              {
+                onSuccess: () => {
+                  createToast({
+                    message: '게시글이 정상적으로 수정되었습니다.',
+                    option: {
+                      duration: 3000,
+                    },
+                  });
+                  router.back();
+                },
+                onError: () => {
+                  createToast({
+                    message: '게시글 수정에 실패했습니다.',
+                    option: {
+                      duration: 3000,
+                    },
+                  });
+                },
+              },
+            );
+          }
+        } else if (type === 'dormitory') {
+          if (postId == null) {
+            createDormitorySharedPost({
+              imageFilesData: uploadedImages,
+              postData: { title, content },
+              locationData: {
+                oldAddress: address?.jibunAddress,
+                roadAddress: address?.roadAddress,
+              },
+              roomMateCardData: {
+                location: address?.roadAddress,
+                features: derivedFeatures,
+              },
+              participationData: {
+                recruitmentCapacity: mateLimit,
+                participationMemberIds:
+                  auth?.user != null ? [auth.user.memberId] : [],
+              },
+            });
+          }
         }
       } catch (error) {
         createToast({
diff --git a/src/components/shared-posts/PostCard.tsx b/src/components/shared-posts/PostCard.tsx
@@ -2,8 +2,7 @@
 
 import styled from 'styled-components';
 
-import { HorizontalDivider } from '..';
-
+import { HorizontalDivider } from '@/components';
 import {
   type DormitorySharedPostListItem,
   type SharedPostListItem,
diff --git a/src/components/shared-posts/SharedPostsMenu.tsx b/src/components/shared-posts/SharedPostsMenu.tsx
@@ -3,7 +3,6 @@
 import styled from 'styled-components';
 
 import { type SharedPostsType } from '@/entities/shared-posts-filter';
-import { useAuthValue } from '@/features/auth';
 
 const styles = {
   container: styled.div`
@@ -56,7 +55,7 @@ export function SharedPostsMenu({
   handleSelect,
   className,
 }: Props & React.ComponentProps<'div'>) {
-  const auth = useAuthValue();
+  // const auth = useAuthValue();
 
   return (
     <styles.container className={className}>
@@ -76,16 +75,16 @@ export function SharedPostsMenu({
       >
         방 없는 메이트
       </styles.item>
-      {auth?.user?.univCertified === true ?? (
-        <styles.item
-          onClick={() => {
-            handleSelect('dormitory');
-          }}
-          className={selected === 'dormitory' ? 'selected' : ''}
-        >
-          기숙사 메이트
-        </styles.item>
-      )}
+      {/* {auth?.user?.univCertified === true ?? (
+      )} */}
+      <styles.item
+        onClick={() => {
+          handleSelect('dormitory');
+        }}
+        className={selected === 'dormitory' ? 'selected' : ''}
+      >
+        기숙사 메이트
+      </styles.item>
     </styles.container>
   );
 }
diff --git a/src/features/shared/shared.api.ts b/src/features/shared/shared.api.ts
@@ -82,6 +82,12 @@ export const getDormitorySharedPosts = async ({
   return await axios.get<GetDormitorySharedPostsDTO>(getURI());
 };
 
+export const createDormitorySharedPost = async (postData: SharedPostProps) =>
+  await axios.post<SuccessBaseDTO>(
+    `/maru-api/shared/posts/dormitory`,
+    postData,
+  );
+
 export const getDormitorySharedPost = async (postId: number) =>
   await axios.get<GetDormitorySharedPostDTO>(
     `/maru-api/shared/posts/dormitory/${postId}`,
diff --git a/src/features/shared/shared.hook.ts b/src/features/shared/shared.hook.ts
@@ -4,6 +4,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRecoilState, useResetRecoilState } from 'recoil';
 
 import {
+  createDormitorySharedPost,
   createSharedPost,
   deleteDormitorySharedPost,
   deleteSharedPost,
@@ -276,15 +277,6 @@ export const useCreateSharedPost = () =>
     mutationFn: createSharedPost,
   });
 
-export const useUpdateSharedPost = () =>
-  useMutation<
-    AxiosResponse<SuccessBaseDTO>,
-    FailureDTO,
-    { postId: number; postData: SharedPostProps }
-  >({
-    mutationFn: updateSharedPost,
-  });
-
 export const useSharedPosts = ({
   filter,
   search,
@@ -318,6 +310,15 @@ export const useSharedPost = ({
     enabled,
   });
 
+export const useUpdateSharedPost = () =>
+  useMutation<
+    AxiosResponse<SuccessBaseDTO>,
+    FailureDTO,
+    { postId: number; postData: SharedPostProps }
+  >({
+    mutationFn: updateSharedPost,
+  });
+
 export const useDeleteSharedPost = () =>
   useMutation<AxiosResponse<SuccessBaseDTO>, FailureDTO, number>({
     mutationFn: deleteSharedPost,
@@ -328,6 +329,11 @@ export const useScrapSharedPost = () =>
     mutationFn: scrapPost,
   });
 
+export const useCreateDormitorySharedPost = () =>
+  useMutation<AxiosResponse<SuccessBaseDTO>, FailureDTO, SharedPostProps>({
+    mutationFn: createDormitorySharedPost,
+  });
+
 export const useDormitorySharedPosts = ({
   filter,
   search,
diff --git a/src/features/shared/shared.type.ts b/src/features/shared/shared.type.ts
@@ -54,11 +54,11 @@ export interface SharedPostProps {
     title: string;
     content: string;
   };
-  transactionData: {
+  transactionData?: {
     rentalType: number;
     expectedPayment: number;
   };
-  roomDetailData: {
+  roomDetailData?: {
     roomType: number;
     floorType: number;
     size: number;
