feat: wip (#develop)

Author: createhb21

pnpm-lock.yaml

@@ -37,6 +37,7 @@
     "@lexical/react": "^0.23.1",
     "@lottiefiles/react-lottie-player": "^3.6.0",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-icons": "^1.3.2",
     "@stackflow/core": "^1.0.10",
     "@stackflow/link": "^1.4.0",
     "@stackflow/plugin-basic-ui": "^1.5.3",
@@ -56,6 +57,7 @@
     "react-lazy-load-image-component": "^1.6.3",
     "react-loading-skeleton": "^3.5.0",
     "react-swipeable": "^7.0.2",
+    "react-use-measure": "^2.1.7",
     "react-zoom-pan-pinch": "3.6.0",
     "rxjs": "^7.8.1",
     "swiper": "^11.1.15",

services/ahhachul.com/package.json

@@ -0,0 +1,53 @@
+import { sleep } from '@ahhachul/utils';
+
+import axiosInstance from '@/apis/fetcher';
+import type { ApiResponse, Comment } from '@/types';
+
+export const postComment = async (data: {
+  servicePath: string;
+  postId: number;
+  content: string;
+  upperCommentId: number;
+  isPrivate: boolean;
+}) => {
+  const { servicePath, postId, content, upperCommentId, isPrivate } = data;
+
+  const response = await axiosInstance.post<
+    ApiResponse<Pick<Comment, 'id' | 'upperCommentId' | 'content'>>
+  >(`/${servicePath}/${postId}/comments`, {
+    content,
+    upperCommentId,
+    isPrivate,
+  });
+
+  return response.data;
+};
+
+export const deleteComment = async (commentId: number) => {
+  const [response] = await Promise.allSettled([
+    axiosInstance.delete<ApiResponse<Pick<Comment, 'id'>>>(`/comments/${commentId}`),
+    sleep(750),
+  ]);
+
+  if (response.status === 'rejected') {
+    throw response.reason;
+  }
+
+  if (response.status === 'fulfilled') {
+    return response.value.data;
+  }
+
+  // TODO: sentry에 로그 남기기
+  throw new Error('Unexpected state in Promise.allSettled');
+};
+
+export const updateComment = async (data: { content: string; commentId: number }) => {
+  const { content, commentId } = data;
+  const response = await axiosInstance.patch<ApiResponse<Pick<Comment, 'id' | 'content'>>>(
+    `/comments/${commentId}`,
+    {
+      content,
+    },
+  );
+  return response.data;
+};

…c/assets/fonts/pretendard-variable.woff2 …m/public/fonts/pretendard-variable.woff2services/ahhachul.com/src/assets/fonts/pretendard-variable.woff2 renamed to services/ahhachul.com/public/fonts/pretendard-variable.woff2 services/ahhachul.com/src/assets/fonts/pretendard-variable.woff2 renamed to services/ahhachul.com/public/fonts/pretendard-variable.woff2

@@ -1,6 +1,7 @@
 export * from './auth';
 export * from './user';
 export * from './token';
+export * from './comment';
 export * from './lostFound';
 export * from './community';
 export * from './complaint';

services/ahhachul.com/src/apis/request/comment.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 import axiosInstance from '@/apis/fetcher';
-import type { ApiResponse, UserProfileResponseDto } from '@/types';
+import type { ApiResponse, UserFavoriteStations, UserProfileResponseDto } from '@/types';
 import { getAccessTokenInLocalStorage } from '@/utils/localStorage';
 
 import { BASE_URL } from '../baseUrl';
@@ -29,11 +29,33 @@ export const prefetchUserProfile = async () => {
 };
 
 export const fetchUserFavoriteStations = async () => {
-  const { data } = await axiosInstance.get<ApiResponse<{ id: 'hello' }>>(
+  const { data } = await axiosInstance.get<ApiResponse<UserFavoriteStations>>(
     '/members/bookmarks/stations',
   );
 
   return data;
 };
 
-// export const createUserFavoriteStations = () => {}
+export const prefetchUserFavoriteStations = async () => {
+  const accessToken = getAccessTokenInLocalStorage();
+
+  const { data } = await axios.get<ApiResponse<UserFavoriteStations>>(
+    `${BASE_URL.SERVER}${API_PREFIX}/members/bookmarks/stations`,
+    {
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+      },
+    },
+  );
+
+  return data;
+};
+
+export const createUserFavoriteStations = async (stations: any) => {
+  const response = await axiosInstance.post<ApiResponse<UserFavoriteStations>>(
+    '/members/bookmarks/stations',
+    { stations },
+  );
+
+  return response.data;
+};