bus refactor

Origin/refactor/bus refactoring
Team-B1ND · Nov 25, 2024 · 84a4ebe · 84a4ebe
2 parents b3f4fa0 + 14259a2
commit 84a4ebe
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 32 deletions.
diff --git a/src/components/MyInfo/Contents/BusApply/BusOption/BusOption.tsx b/src/components/MyInfo/Contents/BusApply/BusOption/BusOption.tsx
@@ -1,5 +1,5 @@
-import { Bus } from "../../../../../types/busApply/busApply.type";
-import * as S from "./style";
+import { Bus } from '../../../../../types/busApply/busApply.type';
+import * as S from './style';
 
 interface Props {
   data: Bus;
@@ -8,32 +8,23 @@ interface Props {
 }
 
 const BusOption = ({ data, isSelect, onChangeApplyBus }: Props) => {
-  const [busNumber, busName] = data.busName.split(" ");
+  const [busNumber, busName] = data.busName.split(' ');
 
   return (
-    <S.BusOptionWrap
-      isSelect={isSelect}
-      onClick={() => onChangeApplyBus(data.id)}
-    >
-      {busNumber === "미탑승" ? (
+    <S.BusOptionWrap isSelect={isSelect} onClick={() => onChangeApplyBus(data.id)}>
+      {busNumber === '미탑승' ? (
         <>
+          <S.BusOptionStationText isSelect={isSelect}>{busNumber}</S.BusOptionStationText>
           <S.BusOptionStationText isSelect={isSelect}>
-            {busNumber}
-          </S.BusOptionStationText>
-          <S.BusOptionStationText isSelect={isSelect}>
-            ({data.leaveTime.split(" ")[1].substring(0, 5)})
+            ({data.leaveTime.split(' ')[1].substring(0, 5)})
           </S.BusOptionStationText>
         </>
       ) : (
         <>
+          <S.BusOptionStationText isSelect={isSelect}>{busNumber}   {data.applyCount}/{data.peopleLimit}</S.BusOptionStationText>
+          <S.BusOptionStationText isSelect={isSelect}>{busName}</S.BusOptionStationText>
           <S.BusOptionStationText isSelect={isSelect}>
-            {busNumber}
-          </S.BusOptionStationText>
-          <S.BusOptionStationText isSelect={isSelect}>
-            {busName}
-          </S.BusOptionStationText>
-          <S.BusOptionStationText isSelect={isSelect}>
-            ({data.leaveTime.split(" ")[1].substring(0, 5)})
+            ({data.leaveTime.split(' ')[1].substring(0, 5)})
           </S.BusOptionStationText>
         </>
       )}

diff --git a/src/hooks/busApply/useBusApply.ts b/src/hooks/busApply/useBusApply.ts
@@ -1,13 +1,13 @@
-import { B1ndToast } from "@b1nd/b1nd-toastify";
-import { useEffect, useState } from "react";
-import busApplyRepository from "../../repository/busApply/busApply.repository";
-import { Bus } from "../../types/busApply/busApply.type";
+import { B1ndToast } from '@b1nd/b1nd-toastify';
+import { useEffect, useState } from 'react';
+import busApplyRepository from '../../repository/busApply/busApply.repository';
+import { Bus } from '../../types/busApply/busApply.type';
 
 const useBusApply = () => {
   const [serverBusData, setServerBusData] = useState<Bus[]>([]);
   const [selectedBusId, setSelectedBusId] = useState<number>(-1);
   const [selectBusId, setSelectBusId] = useState<number>(-1);
-  const [busDate, setBusDate] = useState("");
+  const [busDate, setBusDate] = useState('');
   const [isChange, setIsChange] = useState(false);
 
   const mappingBusData = async () => {
@@ -46,10 +46,11 @@ const useBusApply = () => {
   const onSubmitBusApply = async () => {
     try {
       await busApplyRepository.postBusApply({ idx: String(selectBusId) });
-      B1ndToast.showSuccess("버스 신청 성공");
+      B1ndToast.showSuccess('버스 신청 성공');
+      mappingBusData();
       setSelectedBusId(selectBusId);
     } catch (error) {
-      B1ndToast.showError("버스 신청 실패");
+      B1ndToast.showError('버스 신청 실패');
     }
   };
 
@@ -58,22 +59,24 @@ const useBusApply = () => {
       await busApplyRepository.patchBusApply({
         idx: String(selectBusId),
       });
-      B1ndToast.showSuccess("버스 수정 성공");
+      B1ndToast.showSuccess('버스 수정 성공');
+      mappingBusData();
       setSelectedBusId(selectBusId);
     } catch (error) {
-      B1ndToast.showInfo("버스 수정 실패");
+      B1ndToast.showInfo('버스 수정 실패');
     }
   };
   const deleteBusApply = async () => {
     try {
       await busApplyRepository.deleteBusApply({
         idx: String(selectBusId),
       });
-      B1ndToast.showSuccess("버스 신청 취소");
+      B1ndToast.showSuccess('버스 신청 취소');
+      mappingBusData();
       setSelectBusId(-1);
       setSelectedBusId(-1);
     } catch (error) {
-      B1ndToast.showInfo("버스 신청취소 실패");
+      B1ndToast.showInfo('버스 신청취소 실패');
     }
   };
   const onChangeApplyBus = (busId: number) => setSelectBusId(busId);

diff --git a/src/repository/busApply/busApply.repository.ts b/src/repository/busApply/busApply.repository.ts
@@ -17,11 +17,11 @@ class BusApplyRepository {
   }
 
   public async postBusApply({ idx }: BusApplyParam): Promise<void> {
-    await customAxios.post(`/bus/apply/${idx}`);
+    await customAxios.patch(`/bus/apply/status/${idx}`);
   }
 
   public async patchBusApply({ idx }: BusApplyParam): Promise<void> {
-    await customAxios.patch(`/bus/apply/${idx}`);
+    await customAxios.patch(`/bus/apply/status/${idx}`);
   }
 
   public async deleteBusApply({ idx }: BusApplyParam): Promise<void>{