prgrms-web-devcourse-final-project
diff --git a/‎eslint.config.js‎
Lines changed: 1 addition & 0 deletions b/‎eslint.config.js‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎index.html‎
Lines changed: 3 additions & 3 deletions b/‎index.html‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎package.json‎
Lines changed: 2 additions & 0 deletions b/‎package.json‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎pnpm-lock.yaml‎
Lines changed: 16 additions & 0 deletions b/‎pnpm-lock.yaml‎
Lines changed: 16 additions & 0 deletions
diff --git a/‎public/favicon.ico‎
15 KB b/‎public/favicon.ico‎
15 KB
diff --git a/‎public/vite.svg‎
Lines changed: 0 additions & 1 deletion b/‎public/vite.svg‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/App.tsx‎
Lines changed: 3 additions & 1 deletion b/‎src/App.tsx‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎src/apis/admin.ts‎
Lines changed: 8 additions & 12 deletions b/‎src/apis/admin.ts‎
Lines changed: 8 additions & 12 deletions
diff --git a/‎src/apis/auth.ts‎
Lines changed: 1 addition & 0 deletions b/‎src/apis/auth.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/apis/client.ts‎
Lines changed: 4 additions & 41 deletions b/‎src/apis/client.ts‎
Lines changed: 4 additions & 41 deletions
@@ -31,6 +31,7 @@ export default tseslint.config(
       ...reactHooks.configs.recommended.rules,
       'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
       '@tanstack/query/exhaustive-deps': 'error',
+      '@typescript-eslint/no-empty-object-type': off,
       'import/order': [
         'error',
         {
 
@@ -1,10 +1,10 @@
 <!doctype html>
-<html lang="en">
+<html lang="kr">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/public/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>36.5</title>
     <link
       rel="stylesheet"
       as="style"
 
@@ -18,6 +18,7 @@
     "@tailwindcss/vite": "^4.0.6",
     "@tanstack/react-query": "^5.66.0",
     "axios": "^1.7.9",
+    "event-source-polyfill": "^1.0.31",
     "gsap": "^3.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -31,6 +32,7 @@
   "devDependencies": {
     "@eslint/js": "^9.19.0",
     "@tanstack/eslint-plugin-query": "^5.66.1",
+    "@types/event-source-polyfill": "^1.0.5",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react-swc": "^3.5.0",
 
@@ -8,6 +8,7 @@ import AdminPage from './pages/Admin';
 import FilteredLetterManage from './pages/Admin/FilteredLetter';
 import FilteringManage from './pages/Admin/Filtering';
 import ReportManage from './pages/Admin/Report';
+import AdminRollingPaper from './pages/Admin/RollingPaper';
 import AuthCallbackPage from './pages/Auth';
 import Home from './pages/Home';
 import Landing from './pages/Landing';
@@ -36,10 +37,10 @@ const App = () => {
         <Route path="landing" element={<Landing />} />
         <Route path="*" element={<NotFoundPage />} />
         <Route path="auth-callback" element={<AuthCallbackPage />} />
-        <Route index element={<Home />} />
         <Route path="onboarding" element={<OnboardingPage />} />
 
         <Route element={<PrivateRoute />}>
+          <Route index element={<Home />} />
           <Route path="letter">
             <Route element={<Layout />}>
               <Route path="random" element={<RandomLettersPage />} />
@@ -69,6 +70,7 @@ const App = () => {
           <Route path="report" element={<ReportManage />} />
           <Route path="badwords" element={<FilteringManage />} />
           <Route path="filtered-letter" element={<FilteredLetterManage />} />
+          <Route path="rolling-paper" element={<AdminRollingPaper />} />
         </Route>
       </Route>
     </Routes>
 
@@ -3,9 +3,8 @@ import client from './client';
 const postReports = async (postReportRequest: PostReportRequest) => {
   try {
     const res = await client.post(`/api/reports`, postReportRequest);
-    if (res.status === 200) {
-      return res;
-    }
+    if (!res) throw new Error('신고 요청중 에러가 발생했습니다.');
+    return res;
   } catch (error) {
     console.error(error);
   }
@@ -51,25 +50,22 @@ const getBadWords = async (setBadWords: React.Dispatch<React.SetStateAction<BadW
   }
 };
 
-const postBadWords = async (badWordsRequest: BadWords, callBack?: () => void) => {
+const postBadWords = async (badWordsRequest: BadWords) => {
   try {
     const res = await client.post('/api/bad-words', badWordsRequest);
-    if (callBack) callBack();
     console.log(res);
+    if (!res) throw new Error('금칙어 등록 도중 에러가 발생했습니다.');
+    return res;
   } catch (error) {
     console.error(error);
   }
 };
 
 // 내 상상대로 만든 필터링 단어 취소 버튼
-const patchBadWords = async (
-  badWordId: number,
-  badWordsRequest: BadWords,
-  callBack?: () => void,
-) => {
+const patchBadWords = async (badWordId: number) => {
   try {
-    const res = await client.patch(`/api/bad-words/${badWordId}/status`, badWordsRequest);
-    if (callBack) callBack();
+    const res = await client.patch(`/api/bad-words/${badWordId}/status`, { isUsed: false });
+    if (!res) throw new Error('검열 단어 삭제 도중 에러가 발생했습니다.');
     console.log(res);
   } catch (error) {
     console.error(error);
 
@@ -33,6 +33,7 @@ export const getNewToken = async () => {
   try {
     const response = await client.post('/api/reissue', {}, { withCredentials: true });
     if (!response) throw new Error('getNewToken: no response data');
+    console.log(response.data);
     return response;
   } catch (error) {
     console.error(error);
 
@@ -9,32 +9,13 @@ const client = axios.create({
   headers: { 'Content-Type': 'application/json' },
 });
 
-// type FailedRequest = {
-//   resolve: (token: string) => void;
-//   reject: (error: unknown) => void;
-// };
-
 let isRefreshing = false;
-// let failedQueue: FailedRequest[] = [];
-
-// const processQueue = (error: unknown, token: string | null = null) => {
-//   failedQueue.forEach((prom) => {
-//     if (error) {
-//       prom.reject(error);
-//     } else {
-//       if (token) {
-//         prom.resolve(token);
-//       }
-//     }
-//   });
-
-//   failedQueue = [];
-// };
 
 const callReissue = async () => {
   try {
     const response = await getNewToken();
-    const newToken = response?.data.accessToken;
+    if(response?.status !== 200) throw new Error('error while fetching newToken');
+    const newToken = response?.data.data.accessToken;
     return newToken;
   } catch (e) {
     return Promise.reject(e);
@@ -45,11 +26,10 @@ let retry = false;
 
 client.interceptors.request.use(
   (config) => {
-    console.log('response again', config);
-
     const accessToken = useAuthStore.getState().accessToken;
-    if (config.url !== '/auth/reissue' && accessToken) {
+    if (config.url !== '/api/reissue' && accessToken) {
       config.headers.Authorization = `Bearer ${accessToken}`;
+      console.log('interceptor', config);
     }
     return config;
   },
@@ -74,38 +54,21 @@ client.interceptors.response.use(
       retry = true;
       if (isRefreshing) {
         if (isLoggedIn) logout();
-        // try {
-        //   return new Promise((resolve, reject) => {
-        //     failedQueue.push({
-        //       resolve: (token: string) => {
-        //         originalRequest.headers.Authorization = `Bearer ${token}`;
-        //         resolve(client(originalRequest));
-        //       },
-        //       reject: (err: unknown) => reject(err),
-        //     });
-        //   });
-        // } catch (e) {
-        //   return Promise.reject(e);
-        // }
       } else {
         isRefreshing = true;
         try {
           const newToken = await callReissue();
           setAccessToken(newToken);
-          // processQueue(null, newToken);
           isRefreshing = false;
           originalRequest.headers.Authorization = `Bearer ${newToken}`;
           return client(originalRequest);
         } catch (e) {
-          // processQueue(e, null);
           isRefreshing = false;
           if (isLoggedIn) logout();
           return Promise.reject(e);
         }
       }
     }
-    if (isLoggedIn) logout();
-    console.error('Failed to refresh token', error);
     return Promise.reject(error);
   },
 );
Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ export default tseslint.config(`
`31`	`31`	`...reactHooks.configs.recommended.rules,`
`32`	`32`	`'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],`
`33`	`33`	`'@tanstack/query/exhaustive-deps': 'error',`
	`34`	`+ '@typescript-eslint/no-empty-object-type': off,`
`34`	`35`	`'import/order': [`
`35`	`36`	`'error',`
`36`	`37`	`{`