chore: api client 사용 방식으로 변경

Nexters · Aug 5, 2024 · cfaf9c8 · cfaf9c8
1 parent 1513801
commit cfaf9c8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 24 deletions.
diff --git a/apps/web/src/apis/phrase-api/index.ts b/apps/web/src/apis/phrase-api/index.ts
@@ -3,18 +3,21 @@ import {
   ApiData,
   Phrase,
   PhrasePaging,
+  RequestConfig,
 } from "@daily-phrase/api";
 
 export class PhraseApi {
   private apiClient: ApiClientInstance;
   constructor(apiClient: ApiClientInstance) {
     this.apiClient = apiClient;
   }
-  getPhraseList(size: number) {
+  getPhraseList(size: number, requestConfig?: RequestConfig) {
     return this.apiClient.get<ApiData<PhrasePaging>>(
       `/api/v1/phrases?page=1&size=${size}`,
       {
+        ...requestConfig,
         headers: {
+          ...requestConfig?.headers,
           "content-type": "application/json",
         },
       },

diff --git a/apps/web/src/app/phrase-web/[phraseId]/phrase-list.tsx b/apps/web/src/app/phrase-web/[phraseId]/phrase-list.tsx
@@ -16,13 +16,8 @@ export default function PhraseList({
 
   const requestPhraseList = async () => {
     // TODO: 백엔드 https 부착
-    const res = await fetch("/api/v1/phrases", {
-      headers: {
-        "content-type": "application/json",
-      },
-    });
-    const { data } = await res.json();
-    const phraseList = data.result.phraseList as Phrase[];
+    const res = await apis.phraseApi.getPhraseList(4, { baseURL: "" });
+    const phraseList = res.result.phraseList;
     const filteredPhraseList = phraseList
       .filter((phrase) => phrase.phraseId !== +currentPhraseId)
       .slice(0, 3);

diff --git a/apps/web/src/components/event-item-list.tsx b/apps/web/src/components/event-item-list.tsx
@@ -10,15 +10,9 @@ const EventItemList = () => {
   const [eventList, setEventList] = useState<Array<Prize>>([]);
 
   const getPrizeList = async () => {
-    // const res = await apis.eventApi.getPrizeList({ baseURL: "" });
-    const res = await fetch("/api/v1/events/prizes", {
-      headers: {
-        "content-type": "application/json",
-      },
-    });
-    const { data } = await res.json();
+    const res = await apis.eventApi.getPrizeList({ baseURL: "" });
     setIsLoading(false);
-    setEventList(data.result.prizeList);
+    setEventList(res.result.prizeList);
   };
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>

diff --git a/apps/web/src/components/event-participant-floating-button.tsx b/apps/web/src/components/event-participant-floating-button.tsx
@@ -9,15 +9,9 @@ const EventParticipantFloatingButton = () => {
   const [eventList, setEventList] = useState<Array<Prize>>([]);
 
   const getPrizeList = async () => {
-    // const res = await apis.eventApi.getPrizeList({ baseURL: "" });
-    const res = await fetch("/api/v1/events/prizes", {
-      headers: {
-        "content-type": "application/json",
-      },
-    });
-    const { data } = await res.json();
+    const res = await apis.eventApi.getPrizeList({ baseURL: "" });
     setIsLoading(false);
-    setEventList(data.result.prizeList);
+    setEventList(res.result.prizeList);
   };
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>