[PDW-66] fix: 회의실 목록 조회 토큰 추가

PLADI-ALM · Nov 1, 2023 · bcd6a2b · bcd6a2b
1 parent 11d54c1
commit bcd6a2b
Showing 1 changed file with 36 additions and 17 deletions.
diff --git a/src/pages/booking/selectOffice/SelectOffice.js b/src/pages/booking/selectOffice/SelectOffice.js
@@ -1,11 +1,17 @@
-import React, { useEffect } from "react";
+import React, {useEffect} from "react";
 import SearchBar from "components/searchBar/SearchBar";
 import OfficeInfo from "components/officeInfo/OfficeInfo";
 import {RightContainer, WhiteContainer, TitleText, ResourceSearchBar} from "components/rightContainer/RightContainer";
-import { OfficesAxios } from "api/AxiosApi";
-import { useState } from "react";
-import { basicError } from 'utils/ErrorHandlerUtil';
-import { SearchDateContainer, SearchDateInput, SearchTextInput, SearchTitleContainer, SearchTitleText} from "../selectResource/SelectResource";
+import {OfficesAxios} from "api/AxiosApi";
+import {useState} from "react";
+import {basicError} from 'utils/ErrorHandlerUtil';
+import {
+    SearchDateContainer,
+    SearchDateInput,
+    SearchTextInput,
+    SearchTitleContainer,
+    SearchTitleText
+} from "../selectResource/SelectResource";
 import SearchButtonImg from "../../../assets/images/button/searchButton.png";
 import ImageButton from "../../../components/button/ImageButton";
 import {SelectToggle} from "../../../components/capsule/SelectToggle";
@@ -23,13 +29,17 @@ function SelectOffice(props) {
     const [endTime, setEndTime] = useState("");
 
     const getOfficeList = () => {
-        OfficesAxios.get("?size=200",  {
+        OfficesAxios.get("?size=200", {
             headers: {
                 Authorization: getToken()
             }
         })
-            .then((Response) => { setOffices(Response.data.data.content) })
-            .catch((error) => {basicError(error)})
+            .then((Response) => {
+                setOffices(Response.data.data.content)
+            })
+            .catch((error) => {
+                basicError(error)
+            })
     };
 
     const changeFacilityName = (e) => {
@@ -49,9 +59,17 @@ function SelectOffice(props) {
     }
 
     const searchOffice = () => {
-        OfficesAxios.get(`?date=${date}&startTime=${startTime}&endTime=${endTime}&facilityName=${facilityName}`)
-            .then((Response) => { setOffices(Response.data.data.content) })
-            .catch((error) => {basicError(error)})
+        OfficesAxios.get(`?date=${date}&startTime=${startTime}&endTime=${endTime}&facilityName=${facilityName}`, {
+            headers: {
+                Authorization: getToken()
+            }
+        })
+            .then((Response) => {
+                setOffices(Response.data.data.content)
+            })
+            .catch((error) => {
+                basicError(error)
+            })
     }
 
     useEffect(() => {
@@ -67,18 +85,19 @@ function SelectOffice(props) {
                     <SearchTitleText>예약 가능 회의실 검색</SearchTitleText>
                 </SearchTitleContainer>
 
-                <SearchTextInput type="text" placeholder="시설 검색" onChange={changeFacilityName} />
+                <SearchTextInput type="text" placeholder="시설 검색" onChange={changeFacilityName}/>
 
                 <SearchDateContainer>
-                    <SearchDateInput type="date" onChange={changeDate} />
-                    <SelectToggle items={timeOptionList} change={changeStart} />~
-                    <SelectToggle items={timeOptionList} change={changeEnd} />
+                    <SearchDateInput type="date" onChange={changeDate}/>
+                    <SelectToggle items={timeOptionList} change={changeStart}/>~
+                    <SelectToggle items={timeOptionList} change={changeEnd}/>
                 </SearchDateContainer>
-                <ImageButton image={SearchButtonImg} width={"40px"} height={"40px"} click={searchOffice} />
+                <ImageButton image={SearchButtonImg} width={"40px"} height={"40px"} click={searchOffice}/>
             </ResourceSearchBar>
             <WhiteContainer>
                 <div className="cardList">
-                    {offices.length === 0 ? <label>예약 가능한 회의실이 없습니다.</label> : offices.map((office) => <OfficeInfo key={office.officeId}
+                    {offices.length === 0 ? <label>예약 가능한 회의실이 없습니다.</label> : offices.map((office) => <OfficeInfo
+                        key={office.officeId}
                         officeId={office.officeId}
                         name={office.name}
                         imgUrl={office.imgUrl}