refactor: 코드 정리 (#156)

* remove: 필터링된 편지 관련 파일 삭제

* fix: 필터링된 편지 관련 라우팅 삭제

* refactor: button에 aria-label 추가

* refactor: 필요없는 console.log 삭제

* refactor: 필요없는 console.log 삭제

* fix: 랜덤 매칭 편지 제목이 길어졌을 때 편지도 가로로 길어지는 오류 해결

Author: tifsy

src/App.tsx

@@ -5,7 +5,6 @@ import Layout from './layouts/Layout';
 import MobileLayout from './layouts/MobileLayout';
 import PrivateRoute from './layouts/PrivateRoute';
 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';
@@ -84,7 +83,6 @@ const App = () => {
         <Route path="admin" element={<AdminPage />}>
           <Route path="report" element={<ReportManage />} />
           <Route path="badwords" element={<FilteringManage />} />
-          <Route path="filtered-letter" element={<FilteredLetterManage />} />
           <Route path="rolling-paper" element={<AdminRollingPaper />} />
         </Route>
       </Route>

src/apis/admin.ts

@@ -23,7 +23,6 @@ const getReports = async (reportQueryString: ReportQueryString) => {
     const queryStrings = queryParams.toString();
     const res = await client.get(`/api/reports?${queryStrings}`);
     if (!res) throw new Error('신고 목록 데이터 조회 도중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);
@@ -32,9 +31,8 @@ const getReports = async (reportQueryString: ReportQueryString) => {
 
 const patchReport = async (reportId: number, patchReportRequest: PatchReportRequest) => {
   try {
-    console.log(`/api/reports/${reportId}`, patchReportRequest);
     const res = await client.patch(`/api/reports/${reportId}`, patchReportRequest);
-    console.log(res);
+    return res;
   } catch (error) {
     console.error(error);
   }
@@ -45,7 +43,6 @@ const getBadWords = async () => {
   try {
     const res = await client.get('/api/bad-words');
     if (!res) throw new Error('금칙어 조회 도중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);
@@ -55,7 +52,6 @@ const getBadWords = async () => {
 const postBadWords = async (badWordsRequest: BadWords) => {
   try {
     const res = await client.post('/api/bad-words', badWordsRequest);
-    console.log(res);
     if (!res) throw new Error('금칙어 등록 도중 에러가 발생했습니다.');
     return res;
   } catch (error) {
@@ -69,7 +65,6 @@ const patchBadWordsUsed = async (badWordId: string, isUsed: string) => {
   try {
     const res = await client.patch(`/api/bad-words/${badWordId}/status`, { isUsed: reverseIsUsed });
     if (!res) throw new Error('검열 활성화/비활성화 도중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);
@@ -80,7 +75,6 @@ const patchBadWords = async (badWordId: string, word: string) => {
   try {
     const res = await client.patch(`/api/bad-words/${badWordId}`, { word: word });
     if (!res) throw new Error('금칙어 수정중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);
@@ -91,7 +85,6 @@ const deleteBadWords = async (id: string) => {
   try {
     const res = await client.delete(`/api/bad-words/${id}`);
     if (!res) throw new Error('금칙어 삭제 도중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);

src/apis/auth.ts

@@ -33,7 +33,6 @@ 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);
@@ -64,15 +63,10 @@ export const deleteUserInfo = async () => {
 
 export const postLogout = async () => {
   try {
-    console.log(' before logout');
-
     const response = await client.post('/api/logout', { withCredentials: true });
-    console.log('logout', response);
     if (!response) throw new Error('postLogout: failed to logout');
     return response;
   } catch (error) {
-    console.log('logout error');
-
     console.error(error);
   }
 };

src/apis/client.ts

@@ -12,7 +12,6 @@ client.interceptors.request.use(
     const accessToken = useAuthStore.getState().accessToken;
     if (config.url !== '/api/reissue' && accessToken) {
       config.headers.Authorization = `Bearer ${accessToken}`;
-      console.log('interceptor', config);
     }
     return config;
   },

src/apis/draftLetters.ts

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

src/apis/incomingLetters.ts

@@ -3,7 +3,6 @@ import client from './client';
 export const getIncomingLetters = async () => {
   try {
     const { data } = await client.get('/api/letters?status=delivery');
-    console.log('오고있는 편지 데이터', data);
     return data;
   } catch (error) {
     console.error('❌오고 있는 편지 목록을 불러오던 중 에러 발생', error);

src/apis/letterDetail.ts

@@ -4,7 +4,6 @@ const getLetter = async (letterId: string) => {
   try {
     const res = await client.get(`/api/letters/${letterId}`);
     if (!res) throw new Error('편지 데이터를 가져오는 도중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);
@@ -13,10 +12,8 @@ const getLetter = async (letterId: string) => {
 
 const deleteLetter = async (letterId: string) => {
   try {
-    console.log(`/api/letters/${letterId}`);
     const res = await client.delete(`/api/letters/${letterId}`);
     if (!res) throw new Error('편지 삭제 요청 도중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);
@@ -29,7 +26,6 @@ const postEvaluateLetter = async (letterId: number, evaluation: LetterEvaluation
       evaluation: evaluation,
     });
     if (!res) throw new Error('편지 삭제 요청 도중 에러가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);

src/apis/mailBox.ts

@@ -13,7 +13,6 @@ export const getMailbox = async () => {
 export const getMailboxDetail = async (id: number, pageParam: number) => {
   try {
     const response = await client.get(`/api/mailbox/${id}/detail?page=${pageParam}&size=20`);
-    console.log(response.data);
     if (!response) throw new Error('error while fetching mailbox detail data');
     return response.data;
   } catch (error) {

src/apis/notification.ts

@@ -4,7 +4,6 @@ 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);
@@ -35,7 +34,6 @@ const getNotReadCount = async () => {
   try {
     const res = await client.get('/api/notifications/not-read');
     if (!res) throw new Error('안 읽은 알림 수를 가져오는 도중 오류가 발생했습니다.');
-    console.log(res);
     return res;
   } catch (error) {
     console.error(error);

src/apis/randomLetter.ts

@@ -51,7 +51,7 @@ const deleteRandomLetterMatching = async () => {
     if (!res) throw new Error('매칭 취소 도중 에러가 발생했습니다.');
     return res;
   } catch (error) {
-    console.log(error);
+    throw error;
   }
 };