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

Author: wldnjs990

src/App.tsx

@@ -4,6 +4,8 @@ import useViewport from './hooks/useViewport';
 import Layout from './layouts/Layout';
 import MobileLayout from './layouts/MobileLayout';
 import AdminPage from './pages/Admin';
+import FilteredLetterManage from './pages/Admin/FilteredLetter';
+import FilteringManage from './pages/Admin/Filtering';
 import ReportManage from './pages/Admin/Report';
 import Home from './pages/Home';
 import Landing from './pages/Landing';
@@ -14,6 +16,7 @@ import LetterBoxDetailPage from './pages/LetterBoxDetail';
 import LetterDetailPage from './pages/LetterDetail';
 import LoginPage from './pages/Login';
 import MyPage from './pages/MyPage';
+import NotFoundPage from './pages/NotFound';
 import NotificationsPage from './pages/Notifications';
 import OnboardingPage from './pages/Onboarding';
 import RandomLettersPage from './pages/RandomLetters';
@@ -51,9 +54,13 @@ const App = () => {
           <Route path="board" element={<LetterBoardPage />} />
           <Route path="notifications" element={<NotificationsPage />} />
         </Route>
+        <Route path="*" element={<NotFoundPage />}></Route>
       </Route>
+
       <Route path="admin" element={<AdminPage />}>
         <Route path="report" element={<ReportManage />} />
+        <Route path="badwords" element={<FilteringManage />} />
+        <Route path="filtered-letter" element={<FilteredLetterManage />} />
       </Route>
     </Routes>
   );

src/apis/admin.ts

@@ -0,0 +1,64 @@
+import client from './client';
+
+const getReports = async (
+  setReports: React.Dispatch<React.SetStateAction<Report[]>>,
+  queryString: string = '',
+  callBack?: () => void,
+) => {
+  try {
+    const res = await client.get(`/api/reports${queryString}`);
+    setReports(res.data.data);
+    if (callBack) callBack();
+    console.log(res.data.data);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+const patchReport = async (reportId: number, reportRequest: ReportRequest) => {
+  try {
+    console.log(`/api/reports/${reportId}`, reportRequest);
+    const res = await client.patch(`/api/reports/${reportId}`, reportRequest);
+    console.log(res);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+// badwords
+const getBadWords = async (setBadWords: React.Dispatch<React.SetStateAction<BadWords[]>>) => {
+  try {
+    const res = await client.get('/api/bad-words');
+    setBadWords(res.data.data);
+    console.log(res);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+const postBadWords = async (badWordsRequest: BadWords, callBack?: () => void) => {
+  try {
+    const res = await client.post('/api/bad-words', badWordsRequest);
+    if (callBack) callBack();
+    console.log(res);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+// 내 상상대로 만든 필터링 단어 취소 버튼
+const patchBadWords = async (
+  badWordId: number,
+  badWordsRequest: BadWords,
+  callBack?: () => void,
+) => {
+  try {
+    const res = await client.patch(`/api/bad-words/${badWordId}/status`, badWordsRequest);
+    if (callBack) callBack();
+    console.log(res);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export { getReports, patchReport, getBadWords, postBadWords, patchBadWords };

src/apis/client.ts

@@ -1,5 +1,21 @@
 import axios from 'axios';
 
-export const client = axios.create({
+const client = axios.create({
   baseURL: import.meta.env.VITE_API_URL,
 });
+
+// client.interceptors.request.use(
+//   (config) => {
+//     const token = localStorage.getItem('authToken');
+//     if (token) {
+//       config.headers['Authorization'] = `Bearer ${token}`;
+//     }
+//     return config;
+//   },
+//   (error) => {
+//     //TODO: 에러처리
+//     return Promise.reject(error);
+//   },
+// );
+
+export default client;

src/apis/incomingLetters.ts

@@ -0,0 +1,16 @@
+import client from './client';
+
+export const fetchIncomingLettersApi = async (token: string) => {
+  try {
+    const { data } = await client.get('/api/letters?status=delivery', {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    });
+    console.log('불러온 데이터', data);
+    return data;
+  } catch (error) {
+    console.error('❌오고 있는 편지 목록을 불러오던 중 에러 발생', error);
+    throw error;
+  }
+};

src/apis/letterDetail.ts

@@ -1,4 +1,4 @@
-import { client } from './client';
+import client from './client';
 
 const getLetter = async (
   letterId: string,

src/apis/mailBox.ts

@@ -0,0 +1,31 @@
+import client from './client';
+
+export const getMailbox = async () => {
+  try {
+    const response = await client.get('/api/mailbox');
+    if (!response) throw new Error('error while fetching mailbox data');
+    return response.data;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export const getMailboxDetail = async (id: number) => {
+  try {
+    const response = await client.get(`/api/mailbox/${id}`);
+    if (!response) throw new Error('error while fetching mailbox detail data');
+    return response.data;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export const postMailboxDisconnect = async (id: number) => {
+  try {
+    const response = await client.post(`/api/mailbox/${id}/disconnect`);
+    if (!response) throw new Error('error while disconnecting mailbox');
+    return response;
+  } catch (error) {
+    console.error(error);
+  }
+};

src/apis/myPage.ts

@@ -0,0 +1,11 @@
+import client from './client';
+
+export const fetchMyPageInfo = async () => {
+  try {
+    const response = await client.get('/api/members/me');
+    if (!response) throw new Error('❌데이터를 불러오던 중 오류가 발생했습니다');
+    return response.data;
+  } catch (error) {
+    console.error(error);
+  }
+};

src/apis/rolling.ts

@@ -0,0 +1,38 @@
+import client from './client';
+
+export const getCurrentRollingPaper = async (): Promise<RollingPaperInformation> => {
+  const {
+    data: { data },
+  } = await client.get('/api/event-posts');
+  return data;
+};
+
+export const getRollingPaperDetail = async (
+  rollingPaperId: string | number,
+): Promise<RollingPaper> => {
+  const {
+    data: { data },
+  } = await client.get(`/api/event-posts/${rollingPaperId}`);
+  return data;
+};
+
+export const postRollingPaperComment = async (rollingPaperId: string | number, content: string) => {
+  const {
+    data: { data },
+  } = await client.post(`/api/event-posts/${rollingPaperId}/comments`, {
+    content,
+  });
+  return data;
+};
+
+export const deleteRollingPaperComment = async (commentId: string | number) => {
+  try {
+    const {
+      data: { data },
+    } = await client.delete(`/api/event-posts/comments/${commentId}`);
+    return data;
+  } catch (error) {
+    console.error(error);
+    throw error;
+  }
+};

src/apis/share.ts

@@ -0,0 +1,21 @@
+import client from './client';
+
+export const postShareProposals = async (
+  letterIds: number[],
+  requesterId: number,
+  recipientId: number,
+  message: string,
+) => {
+  try {
+    const response = await client.post('/api/share-proposals', {
+      letterIds: letterIds,
+      requesterId: requesterId,
+      recipientId: recipientId,
+      message: message,
+    });
+    if (!response) throw new Error('error while fetching mailbox data');
+    return response;
+  } catch (error) {
+    console.error(error);
+  }
+};

src/apis/write.ts

@@ -1,4 +1,4 @@
-import { client } from './client';
+import client from './client';
 
 const postLetter = async (data: LetterRequest, callBack?: () => void) => {
   try {