feat: complaint page (App) (#320) (#321)

* feat: complaint page (App) (#320)

* fix: build err test (#320)

Author: createhb21

.eslintrc.js

@@ -38,6 +38,7 @@ module.exports = {
     'unused-imports/no-unused-imports': 'error',
     // emotion css props
     'react/no-unknown-property': ['error', { ignore: ['css'] }],
+    'react/prop-types': 'off',
   },
   overrides: [
     {

Dockerfile

@@ -16,8 +16,6 @@ COPY .nx                   ./
 
 RUN pnpm install 
 
-RUN pnpm add -w sharp
-
 ENV NEXT_TELEMETRY_DISABLED=1 
 
 RUN pnpm nextjs:build

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';