[UNI-190] feat : 건물 리스트 API 적용 및 Default 도착지 제거 (#103)

Author: dgfh0450

uniro_frontend/src/api/route.ts

@@ -54,5 +54,5 @@ export const postReportRoute = (
 		coordinates: Coord[];
 	},
 ): Promise<boolean> => {
-	return postFetch<void, Coord[] | NodeId | null>(`/${univId}/route`, body);
+	return postFetch<void, Coord[] | NodeId | null>(`/1/route`, body);
 };

uniro_frontend/src/hooks/useRoutePoint.ts

@@ -1,31 +1,10 @@
 import { create } from "zustand";
 import { Building } from "../data/types/node";
 
-const originMockInfo = {
-	buildingName: "5호관",
-	buildingImageUrl: "",
-	phoneNumber: "",
-	address: "인하로 100",
-	nodeId: 1,
-	lng: 127.042012,
-	lat: 37.557643,
-};
-
-const destMockInfo = {
-	buildingName: "하이테크",
-	buildingImageUrl: "",
-	phoneNumber: "",
-	address: "인하로 100",
-	nodeId: 2,
-	lng: 127.042012,
-	lat: 37.557643,
-};
-
 interface RouteStore {
-	origin: Building;
+	origin: Building | undefined;
 	setOrigin: (origin: Building | undefined) => void;
-	destination: Building;
-	setDemoBuildingInfo: (building: Building) => void;
+	destination: Building | undefined;
 	setDestination: (destination: Building | undefined) => void;
 	setOriginCoord: (lng: number, lat: number) => void;
 	setDestinationCoord: (lng: number, lat: number) => void;
@@ -34,9 +13,9 @@ interface RouteStore {
 
 /** 출발지, 도착지 관리 전역 상태 */
 const useRoutePoint = create<RouteStore>((set) => ({
-	origin: originMockInfo,
+	origin: undefined,
 	setOrigin: (newOrigin: Building | undefined) => set(() => ({ origin: newOrigin })),
-	destination: destMockInfo,
+	destination: undefined,
 	setDemoBuildingInfo: (building: Building) => set(() => ({ origin: building, destination: building })),
 	setOriginCoord: (lng: number, lat: number) => set(({ origin }) => ({ origin: { ...origin, lng, lat } })),
 	setDestinationCoord: (lng: number, lat: number) =>

uniro_frontend/src/pages/buildingSearch.tsx

@@ -4,21 +4,37 @@ import BuildingCard from "../components/building/buildingCard";
 import useSearchBuilding from "../hooks/useSearchBuilding";
 import useUniversityInfo from "../hooks/useUniversityInfo";
 import useRedirectUndefined from "../hooks/useRedirectUndefined";
+import { useQuery } from "@tanstack/react-query";
+import { getAllBuildings } from "../api/nodes";
+import { University } from "../data/types/university";
 
 export default function BuildingSearchPage() {
+	const { university } = useUniversityInfo();
 	const { setBuilding } = useSearchBuilding();
 
-	const { university } = useUniversityInfo();
-	useRedirectUndefined<string | undefined>([university]);
+	if (!university) return;
+
+	const { data: buildings } = useQuery({
+		queryKey: [university.id, "buildings"],
+		queryFn: () =>
+			getAllBuildings(university.id, {
+				leftUpLat: 38,
+				leftUpLng: 127,
+				rightDownLat: 37,
+				rightDownLng: 128,
+			}),
+	},)
+
+	useRedirectUndefined<University | undefined>([university]);
 
 	return (
 		<div className="relative flex flex-col h-dvh w-full max-w-[450px] mx-auto justify-center">
 			<div className="px-[14px] py-4 border-b-[1px] border-gray-400">
-				<Input onLengthChange={() => {}} handleVoiceInput={() => {}} placeholder="" />
+				<Input onLengthChange={() => { }} handleVoiceInput={() => { }} placeholder="" />
 			</div>
 			<div className="flex-1 overflow-y-scroll">
 				<ul className="px-4 pt-1 space-y-1">
-					{hanyangBuildings.map((building) => (
+					{(buildings ?? []).map((building) => (
 						<BuildingCard
 							onClick={() => setBuilding(building)}
 							key={`building-${building.buildingName}`}