Updated api endpoint structure, fixed issues, worked on admin page
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user