Merge pull request #172 from Central-MakeUs/171-refactor-overall-improvement

[REFACTOR]: 불필요한 파일 제거 및 라우팅 구조 개선 및 폴더 구조 개선 및 스타일 중복 커스텀

Author: Ki-Tak

web/package-lock.json

@@ -15,14 +15,14 @@
     "@tanstack/react-query": "^5.81.2",
     "@webview-bridge/web": "^1.7.8",
     "axios": "^1.10.0",
+    "clsx": "^2.1.1",
     "motion": "^12.18.1",
     "prettier": "^3.6.0",
     "prettier-plugin-tailwindcss": "^0.6.13",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-intersection-observer": "^9.16.0",
     "react-router-dom": "^7.6.2",
-    "react-toastify": "^11.0.5",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.10",
     "vite-plugin-svgr": "^4.3.0",

web/package.json

@@ -1,7 +1,6 @@
 import { RouterProvider } from "react-router-dom";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { toast } from "react-toastify";
 
 import AppRouter from "@/routes/AppRouter";
 
@@ -12,9 +11,7 @@ const queryClient = new QueryClient({
       throwOnError: false,
     },
     mutations: {
-      onError: (error) => {
-        toast.error(error.message);
-      },
+      throwOnError: false,
     },
   },
 });

web/src/App.tsx

@@ -1,6 +1,6 @@
 import { authAPI } from "@/apis/instance";
 import type { DetectionType } from "@/types/my/my.types";
-import { generateApiPath } from "@/utils/generateApiPath";
+import { generatePath } from "@/utils/generatePath";
 
 import type {
   ANALYSIS_CATEGORY,
@@ -25,7 +25,7 @@ export const getAnalyzeResult = async ({
   detectionId: number;
 }): Promise<GetAnalyzeResultResponse> => {
   const response = await authAPI.get(
-    generateApiPath(API_DOMAINS.GET_ANALYZE_RESULT, { detectionId }),
+    generatePath(API_DOMAINS.GET_ANALYZE_RESULT, { detectionId }),
   );
   return response.data;
 };

web/src/apis/analyze/getAnalyzeResult.ts

@@ -1,11 +1,11 @@
 import { authAPI } from "@/apis/instance";
-import { generateApiPath } from "@/utils/generateApiPath";
+import { generatePath } from "@/utils/generatePath";
 
 import { API_DOMAINS } from "@/constants/apiConstants";
 
 export const deleteComment = async ({ commentId }: { commentId: number }) => {
   const response = await authAPI.delete(
-    generateApiPath(API_DOMAINS.DELETE_COMMENT, { commentId }),
+    generatePath(API_DOMAINS.DELETE_COMMENT, { commentId }),
   );
 
   return response.data;

web/src/apis/comment/deleteComment.ts

@@ -1,11 +1,11 @@
 import { authAPI } from "@/apis/instance";
-import { generateApiPath } from "@/utils/generateApiPath";
+import { generatePath } from "@/utils/generatePath";
 
 import { API_DOMAINS } from "@/constants/apiConstants";
 
 export const getCommentList = async ({ postId }: { postId: number }) => {
   const response = await authAPI.get(
-    generateApiPath(API_DOMAINS.GET_COMMENT_LIST, { postId }),
+    generatePath(API_DOMAINS.GET_COMMENT_LIST, { postId }),
   );
 
   return response.data;

web/src/apis/comment/getCommentList.ts

@@ -1,11 +1,11 @@
 import { authAPI } from "@/apis/instance";
-import { generateApiPath } from "@/utils/generateApiPath";
+import { generatePath } from "@/utils/generatePath";
 
 import { API_DOMAINS } from "@/constants/apiConstants";
 
 export const deletePost = async ({ postId }: { postId: number }) => {
   const response = await authAPI.delete(
-    generateApiPath(API_DOMAINS.DELETE_COMMUNITY_POST, { postId }),
+    generatePath(API_DOMAINS.DELETE_COMMUNITY_POST, { postId }),
   );
   return response.data;
 };

web/src/apis/community/deletePost.ts

@@ -1,6 +1,6 @@
 import { authAPI } from "@/apis/instance";
 import type { PostStatus } from "@/types/community/community.types";
-import { generateApiPath } from "@/utils/generateApiPath";
+import { generatePath } from "@/utils/generatePath";
 
 import { API_DOMAINS } from "@/constants/apiConstants";
 
@@ -25,7 +25,7 @@ export const getCommunityDetail = async ({
   postId: number;
 }): Promise<PostDetailResponse> => {
   const response = await authAPI.get(
-    generateApiPath(API_DOMAINS.GET_COMMUNITY_DETAIL, { postId }),
+    generatePath(API_DOMAINS.GET_COMMUNITY_DETAIL, { postId }),
   );
   return response.data;
 };

web/src/apis/community/getCommunityDetail.ts

@@ -1,11 +1,11 @@
 import { authAPI } from "@/apis/instance";
-import { generateApiPath } from "@/utils/generateApiPath";
+import { generatePath } from "@/utils/generatePath";
 
 import { API_DOMAINS } from "@/constants/apiConstants";
 
 export const postBlock = async ({ postId }: { postId: number }) => {
   const response = await authAPI.post(
-    generateApiPath(API_DOMAINS.POST_BLOCK, { postId }),
+    generatePath(API_DOMAINS.POST_BLOCK, { postId }),
     { reason: "HATE" },
   );
   return response.data;

web/src/apis/community/postBlock.ts

@@ -1,5 +1,5 @@
 import { authAPI } from "@/apis/instance";
-import { generateApiPath } from "@/utils/generateApiPath";
+import { generatePath } from "@/utils/generatePath";
 
 import { API_DOMAINS } from "@/constants/apiConstants";
 import type { ReportType } from "@/constants/reportReasons";
@@ -12,7 +12,7 @@ export const postReport = async ({
   postId: number;
 }) => {
   const response = await authAPI.post(
-    generateApiPath(API_DOMAINS.POST_REPORT, { postId }),
+    generatePath(API_DOMAINS.POST_REPORT, { postId }),
     { reasonCode },
   );
   return response.data;