Updated api endpoint structure, fixed issues, worked on admin page

This commit is contained in:
2023-11-21 11:00:01 -05:00
parent cb9db1f3ba
commit 2e048fb1a0
12 changed files with 326 additions and 137 deletions

View File

@@ -3,26 +3,31 @@
import { Airport } from "@/api/airport.types";
import AirportTablePanel from "@/components/Admin/AirportTablePanel";
import CreateAirportPanel from "@/components/Admin/CreateAirportPanel";
import { Container, Grid } from "@mantine/core";
import UpdateAirportModal from "@/components/Admin/UpdateAirportModal";
import { Container, Grid, SimpleGrid } from "@mantine/core";
import { useEffect, useState } from "react";
export default function Page() {
const [airport, setAirport] = useState<Airport | undefined>(undefined);
useEffect(() => {
console.log(airport);
}, [airport]);
return <Container fluid>
<Grid p={'lg'}>
<Grid.Col span={12}>
<AirportTablePanel setAirport={setAirport} />
</Grid.Col>
<Grid.Col span={12}>
<CreateAirportPanel airport={airport} setAirport={setAirport} />
</Grid.Col>
</Grid>
</Container>;
return (
<Container fluid>
<SimpleGrid cols={{ base: 1, xs: 1 }} spacing={'md'}>
<Grid p={'lg'}>
<Grid.Col span={12}>
<AirportTablePanel setAirport={setAirport} />
</Grid.Col>
<Grid.Col span={12}>
<CreateAirportPanel />
</Grid.Col>
</Grid>
</SimpleGrid>
<UpdateAirportModal airport={airport} setAirport={setAirport} />
</Container>
);
}