Merge branch 'develop' of https://github.com/prgrms-web-devcourse-final-project/WEB2_3_9crops_FE into 82-feat-admin-rd

Author: wldnjs990

eslint.config.js

@@ -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',
         {

package.json

@@ -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",

pnpm-lock.yaml

@@ -1,5 +1,6 @@
 import { Route, Routes } from 'react-router';
 
+import { useServerSentEvents } from './hooks/useServerSentEvents';
 import useViewport from './hooks/useViewport';
 import Layout from './layouts/Layout';
 import MobileLayout from './layouts/MobileLayout';
@@ -8,6 +9,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';
@@ -28,6 +30,7 @@ import WritePage from './pages/Write';
 
 const App = () => {
   useViewport();
+  useServerSentEvents();
 
   return (
     <Routes>
@@ -69,6 +72,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>

src/App.tsx

@@ -45,10 +45,8 @@ 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}`;
     }
     return config;

src/apis/client.ts

@@ -16,18 +16,30 @@ export interface DraftLetter {
   matched: boolean;
 }
 
-export const getDraftLetters = async () // token: string
-: Promise<DraftLetter[]> => {
+export const getDraftLetters = async (): Promise<DraftLetter[]> => {
   try {
-    const { data } = await client.get('/api/letters?status=draft', {
-      // headers: {
-      //   Authorization: `Bearer ${token}`,
-      // },
-    });
+    const { data } = await client.get('/api/letters?status=draft', {});
     console.log('임시저장된 편지 데이터', data);
     return data.data;
   } catch (error) {
-    console.error(`❌임시저장된 편지를 불러오던 중 에러가 발생했습니다`, error);
+    console.error('❌임시저장된 편지를 불러오던 중 에러가 발생했습니다', error);
     throw new Error('임시저장된 편지 불러오기 실패');
   }
 };
+
+export const deleteDraftLetters = async (letterId: number) => {
+  try {
+    const { data } = await client.delete(`/api/letters/${letterId}/temporary-save`);
+
+    if (data.data?.letterId) {
+      console.log('삭제된 임시저장 편지 ID:', data.data.letterId);
+    } else {
+      console.error('❌서버 응답에 letterId가 존재하지 않습니다.');
+    }
+
+    return data.data.letterId;
+  } catch (error) {
+    console.error('❌임시저장된 편지를 삭제하던 중 에러가 발생했습니다:', error);
+    throw error;
+  }
+};

src/apis/draftLetters.ts

@@ -12,7 +12,7 @@ export const fetchMyPageInfo = async () => {
 
 export const getMySharePostList = async () => {
   try {
-    const response = await client.get('/api/share-proposals/inbox');
+    const response = await client.get('/api/share-posts/me');
     if (!response) throw new Error('error while fetching my share post list');
     return response.data;
   } catch (error) {

src/apis/myPage.ts

@@ -0,0 +1,34 @@
+import client from './client';
+
+const getTimeLines = async () => {
+  try {
+    const res = await client.get('/api/timelines');
+    if (!res) throw new Error('타임라인을 받아오는 도중 오류가 발생했습니다.');
+    console.log(res);
+    return res;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+const patchReadNotification = async (timelineId: number) => {
+  try {
+    const res = await client.patch(`/api/notifications/${timelineId}/read`);
+    if (!res) throw new Error('편지 개별 읽음 처리를 하는 도중 오류가 발생했습니다.');
+    return res;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+const patchReadNotificationAll = async () => {
+  try {
+    const res = await client.patch(`/api/notifications/read`);
+    if (!res) throw new Error('편지 개별 읽음 처리를 하는 도중 오류가 발생했습니다.');
+    return res;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export { getTimeLines, patchReadNotification, patchReadNotificationAll };

src/apis/notification.ts

@@ -36,3 +36,50 @@ export const deleteRollingPaperComment = async (commentId: string | number) => {
     throw error;
   }
 };
+
+export const postNewRollingPaper = async (title: string) => {
+  try {
+    const {
+      data: { data },
+    } = await client.post('/api/admin/event-posts', { title });
+    return data;
+  } catch (error) {
+    console.error(error);
+    throw error;
+  }
+};
+
+export const getRollingPaperList = async (): Promise<RollingPaperList> => {
+  try {
+    const {
+      data: { data },
+    } = await client.get('/api/admin/event-posts');
+    return data;
+  } catch (error) {
+    console.error(error);
+    throw error;
+  }
+};
+
+export const deleteRollingPaper = async (eventPostId: number | string) => {
+  try {
+    const { data } = await client.delete(`/api/admin/event-posts/${eventPostId}`);
+    return data;
+  } catch (error) {
+    console.error(error);
+    throw error;
+  }
+};
+
+export const patchRollingPaper = async (eventPostId: number | string) => {
+  try {
+    const {
+      data: { data },
+    } = await client.patch(`/api/admin/event-posts/${eventPostId}/status`);
+    console.log(data);
+    return data;
+  } catch (error) {
+    console.error(error);
+    throw error;
+  }
+};

src/apis/rolling.ts

@@ -53,7 +53,7 @@ export const getSharePostList = async (page: number = 1, size: number = 10) => {
 };
 
 // 공유 게시글 상세 조회
-export const getSharePostDetail = async (sharePostId: number): Promise<SharePost> => {
+export const getSharePostDetail = async (sharePostId: string): Promise<SharePost> => {
   try {
     const response = await client.get(`/api/share-posts/${sharePostId}`);
     console.log(`🔥공유 게시글 상세 데이터`, response.data);
@@ -102,7 +102,7 @@ export const postShareProposalApproval = async (
 };
 
 // 편지 좋아요 추가, 취소
-export const postSharePostLike = async (sharePostId: number) => {
+export const postSharePostLike = async (sharePostId: string) => {
   try {
     const response = await client.post(`/api/share-posts/${sharePostId}/likes`);
     if (!response) throw new Error('error while posting like');
@@ -114,7 +114,7 @@ export const postSharePostLike = async (sharePostId: number) => {
 };
 
 // 편지 좋아요 갯수
-export const getSharePostLikeCount = async (sharePostId: number) => {
+export const getSharePostLikeCount = async (sharePostId: string) => {
   try {
     const response = await client.get(`/api/share-posts/${sharePostId}/likes`);
     if (!response) throw new Error('error while fetching likes');