feat: complaint page (App) (#320)

Author: createhb21

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

@@ -1 +1,49 @@
-export {};
+import { appendFilesToFormData, createJsonBlob, extractFormData } from '@ahhachul/utils';
+
+import axiosInstance from '@/apis/fetcher';
+import type { ApiResponse, CommentList, PaginatedList, WithPostId } from '@/types';
+import type {
+  ComplaintForm,
+  ComplaintListParams,
+  ComplaintPost,
+  ComplaintPostDetail,
+} from '@/types/complaint';
+
+export const fetchComplaintList = async (req: ComplaintListParams) => {
+  const { data } = await axiosInstance.get<ApiResponse<PaginatedList<ComplaintPost>>>(
+    '/complaint-posts',
+    {
+      params: {
+        ...req,
+        pageSize: 10,
+      },
+    },
+  );
+  return data;
+};
+
+export const createComplaint = async (req: ComplaintForm) => {
+  const formData = new FormData();
+  const formDataWithoutImages = extractFormData(req, 'images');
+  const jsonBlob = createJsonBlob(formDataWithoutImages);
+
+  formData.append('content', jsonBlob);
+
+  if (req.images?.length) {
+    appendFilesToFormData(formData, req.images);
+  }
+
+  const { data } = await axiosInstance.post<ApiResponse<WithPostId>>('/complaint-posts', formData, {
+    headers: {
+      'Content-Type': 'multipart/form-data',
+    },
+  });
+
+  return data;
+};
+
+export const fetchComplaintDetail = (id: number) =>
+  axiosInstance.get<ApiResponse<ComplaintPostDetail>>(`/complaint-posts/${id}`);
+
+export const fetchComplaintCommentList = (id: number) =>
+  axiosInstance.get<ApiResponse<CommentList>>(`/complaint-posts/${id}/comments`);

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

@@ -3,3 +3,4 @@ export * from './user';
 export * from './token';
 export * from './lostFound';
 export * from './community';
+export * from './complaint';

services/ahhachul.com/src/assets/icons/complaint/ic_arrow.svg

@@ -0,0 +1,5 @@
+export { default as ArrowMiniIcon } from './ic_arrow.svg?react';
+export { default as EmergencyIcon } from './ic_emergency.svg?react';
+export { default as HitIcon } from './ic_hit.svg?react';
+export { default as MetroIcon } from './ic_metro.svg?react';
+export { default as TreeIcon } from './ic_tree.svg?react';

services/ahhachul.com/src/assets/icons/complaint/ic_emergency.svg

@@ -1,6 +1,7 @@
 export { default as DotIcon } from './ic_dot.svg?react';
 export { default as MicIcon } from './ic_mic.svg?react';
 export { default as BellIcon } from './ic_bell.svg?react';
+export { default as ListIcon } from './ic_list.svg?react';
 export { default as TalkIcon } from './ic_talk.svg?react';
 export { default as InfoIcon } from './ic_info.svg?react';
 export { default as LogoIcon } from './ic_logo.svg?react';