feat: 각자 받아온 토큰으로 사용하도록 코드 수정

Team-Lecue · Jan 18, 2024 · 5e23f8e · 5e23f8e
1 parent f86b013
commit 5e23f8e
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 8 deletions.
diff --git a/src/LecueNote/api/postLecueNote.ts b/src/LecueNote/api/postLecueNote.ts
@@ -9,6 +9,8 @@ const postLecueNote = ({
   isIconClicked,
   bookId,
 }: postLecueNoteProps) => {
+  const token = localStorage.getItem('token');
+
   const response = api.post(
     '/api/notes',
     {
@@ -19,7 +21,7 @@ const postLecueNote = ({
     },
     {
       headers: {
-        Authorization: `Bearer ${import.meta.env.VITE_APP_TOKEN}`,
+        Authorization: `Bearer ${token}`,
       },
     },
   );

diff --git a/src/Mypage/api/deleteMyBook.ts b/src/Mypage/api/deleteMyBook.ts
@@ -1,10 +1,11 @@
 import { api } from '../../libs/api';
 
 export async function deleteMyBook(bookId: number) {
+  const token = localStorage.getItem('token');
   const data = await api.delete(`/api/books/${bookId}`, {
     headers: {
       'Content-Type': 'application/json',
-      Authorization: `Bearer ${import.meta.env.VITE_APP_TOKEN}`,
+      Authorization: `Bearer ${token}`,
     },
   });
 

diff --git a/src/Mypage/api/getMyBookList.ts b/src/Mypage/api/getMyBookList.ts
@@ -1,10 +1,11 @@
 import { api } from '../../libs/api';
 
 export async function getMyBookList() {
+  const token = localStorage.getItem('token');
   const data = await api.get(`/api/mypage/book`, {
     headers: {
       'Content-Type': 'application/json',
-      Authorization: `Bearer ${import.meta.env.VITE_APP_TOKEN}`,
+      Authorization: `Bearer ${token}`,
     },
   });
   return data.data.data.bookList;

diff --git a/src/Mypage/api/getMyNickName.ts b/src/Mypage/api/getMyNickName.ts
@@ -1,10 +1,11 @@
 import { api } from '../../libs/api';
 
 export async function getMyNickName() {
+  const token = localStorage.getItem('token');
   const data = await api.get(`/api/mypage/note`, {
     headers: {
       'Content-Type': 'application/json',
-      Authorization: `Bearer ${import.meta.env.VITE_APP_TOKEN}`,
+      Authorization: `Bearer ${token}`,
     },
   });
   return data.data.data.memberNickname;

diff --git a/src/Mypage/api/getMyNoteList.ts b/src/Mypage/api/getMyNoteList.ts
@@ -1,10 +1,11 @@
 import { api } from '../../libs/api';
 
 export async function getMyNoteList() {
+  const token = localStorage.getItem('token');
   const data = await api.get(`/api/mypage/note`, {
     headers: {
       'Content-Type': 'application/json',
-      Authorization: `Bearer ${import.meta.env.VITE_APP_TOKEN}`,
+      Authorization: `Bearer ${token}`,
     },
   });
   return data.data.data.noteList;

diff --git a/src/StickerAttach/api/postStickerState.ts b/src/StickerAttach/api/postStickerState.ts
@@ -7,6 +7,7 @@ export async function postStickerState({
   positionX,
   positionY,
 }: postedStickerParams) {
+  const token = localStorage.getItem('token');
   const data = await api.post(
     '/api/stickers',
     {
@@ -18,7 +19,7 @@ export async function postStickerState({
     {
       headers: {
         'Content-Type': 'application/json',
-        Authorization: `Bearer ${import.meta.env.VITE_APP_TOKEN}`,
+        Authorization: `Bearer ${token}`,
       },
     },
   );

diff --git a/src/StickerPack/api/getBookUuid.ts b/src/StickerPack/api/getBookUuid.ts
@@ -1,10 +1,11 @@
 import { api } from '../../libs/api';
 
 export async function getBookUuid(bookId: number) {
+  const token = localStorage.getItem('token');
   const data = await api.get(`/api/stickers/${bookId}`, {
     headers: {
       'Content-Type': 'application/json',
-      Authorization: `Bearer ${import.meta.env.VITE_APP_TOKEN}`,
+      Authorization: `Bearer ${token}`,
     },
   });
 

diff --git a/src/Target/page/TargetPage/index.tsx b/src/Target/page/TargetPage/index.tsx
@@ -52,7 +52,7 @@ function TargetPage() {
     });
   };
 
-  return isLoading || putMutation ? (
+  return isLoading ? (
     <LoadingPage />
   ) : (
     <S.TargetPageWrapper>