Merge pull request #1164 from woowacourse-teams/FE/test

[FE] 🔖 운영 서버 배포

Author: anttiey

.github/workflows/fe_review_request.yml

@@ -8,6 +8,8 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
+    env:
+      DISCORD_WEBHOOK_URL: ${{ secrets.FE_SLACK_WEB_HOOK }}
     steps:
       - name: Extract receiver list
         id: extract_receiver_list
@@ -29,5 +31,5 @@ jobs:
       - name: Discord Message
         uses: discord-actions/message@v2
         with:
-          webhookUrl: https://discord.com/api/webhooks/1326507349841809520/WD7X1LxAckgK1z2_2qQ1qvSGx3719XwkXocV_oNz8pmVMgJvDO2znJAWmVhSToM_wjBo
+          webhookUrl: ${{ env.DISCORD_WEBHOOK_URL }}
           message:  "👑${{steps.extract_receiver_list.outputs.requester}}👑 PR이 도착했습니다. \n↓↓↓\n\n⚡⚡⚡⚡⚡⚡⚡⚡⚡\n*⚡[${{steps.extract_receiver_list.outputs.requester}}](${{github.event.pull_request.html_url}}) 혼구멍 내러가기~>⚡* \n⚡⚡⚡⚡⚡⚡⚡⚡⚡\n\n _혼내줄 사람들: ${{steps.extract_receiver_list.outputs.names}}_ \n"

frontend/package.json

@@ -19,6 +19,7 @@
     "@octokit/rest": "^21.0.1",
     "@sentry/react": "^8.22.0",
     "@sentry/webpack-plugin": "^2.21.1",
+    "@stomp/stompjs": "^7.0.0",
     "@tanstack/react-query": "^5.51.11",
     "dotenv-webpack": "^8.1.0",
     "react": "^18.3.1",
@@ -27,6 +28,7 @@
     "react-icons": "^5.3.0",
     "react-router-dom": "^6.25.1",
     "styled-components": "^6.1.12",
+    "ws": "^8.18.0",
     "zustand": "^4.5.4"
   },
   "devDependencies": {

frontend/src/App.tsx

@@ -25,13 +25,19 @@ import HowToPair from '@/components/Landing/HowToPair/HowToPair';
 
 import useUserStore from '@/stores/userStore';
 
-import { getMember } from '@/apis/member';
-import { getIsUserLoggedIn } from '@/apis/oauth';
+import { getMember } from '@/apis/http/member';
+import { getIsUserLoggedIn } from '@/apis/http/oauth';
 
 import GlobalStyles from './styles/Global.style';
 import { theme } from './styles/theme';
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+    },
+  },
+});
 
 const App = () => {
   const { setUser } = useUserStore();

frontend/src/apis/category.ts

@@ -0,0 +1,19 @@
+import fetcher from '@/apis/http/fetcher';
+
+import { ERROR_MESSAGES } from '@/constants/message';
+
+const API_URL = process.env.REACT_APP_API_URL;
+
+interface GetCategoriesResponse {
+  value: string;
+  id: string;
+}
+
+export const getCategories = async (accessCode: string): Promise<GetCategoriesResponse[]> => {
+  const response = await fetcher.get({
+    url: `${API_URL}/${accessCode}/category`,
+    errorMessage: ERROR_MESSAGES.GET_CATEGORIES,
+  });
+
+  return await response.json();
+};

frontend/src/apis/http/category.ts

@@ -1,5 +1,5 @@
-import fetcher from '@/apis/fetcher';
-import type { PairRoomStatus } from '@/apis/pairRoom';
+import fetcher from '@/apis/http/fetcher';
+import type { PairRoomStatus } from '@/apis/http/pairRoom';
 
 import { ERROR_MESSAGES } from '@/constants/message';
 

frontend/src/apis/fetcher.ts renamed to frontend/src/apis/http/fetcher.ts

@@ -1,4 +1,4 @@
-import fetcher from '@/apis/fetcher';
+import fetcher from '@/apis/http/fetcher';
 
 import { ERROR_MESSAGES } from '@/constants/message';
 

frontend/src/apis/github.ts renamed to frontend/src/apis/http/github.ts

@@ -1,8 +1,8 @@
 import { Category } from '@/components/PairRoom/ReferenceCard/ReferenceCard.type';
 
-import fetcher from '@/apis/fetcher';
-import { Reference } from '@/apis/referenceLink';
-import { Todo } from '@/apis/todo';
+import fetcher from '@/apis/http/fetcher';
+import { Reference } from '@/apis/http/referenceLink';
+import { Todo } from '@/apis/http/todo';
 
 import { ERROR_MESSAGES } from '@/constants/message';
 
@@ -87,21 +87,16 @@ export const updatePairRole = async ({ accessCode }: UpdatePairRoleRequest) => {
   });
 };
 
-interface UpdatePairRoomStatusRequest {
-  accessCode: string;
-}
-
-export const updatePairRoomStatus = async ({ accessCode }: UpdatePairRoomStatusRequest) => {
+export const completePairRoom = async ({ accessCode }: { accessCode: string }) => {
   await fetcher.patch({
-    url: `${API_URL}/pair-room/${accessCode}/status`,
+    url: `${API_URL}/pair-room/${accessCode}/complete`,
     errorMessage: ERROR_MESSAGES.UPDATE_PAIR_ROOM_STATUS,
-    body: JSON.stringify({ status: 'COMPLETED' }),
   });
 };
 
 export const deletePairRoom = async ({ accessCode }: { accessCode: string }) => {
-  await fetcher.delete({
-    url: `${API_URL}/pair-room/${accessCode}`,
+  await fetcher.patch({
+    url: `${API_URL}/pair-room/${accessCode}/delete`,
     errorMessage: ERROR_MESSAGES.DELETE_PAIR_ROOM,
   });
 };