-
+
+
}
diff --git a/src/components/.gitkeep b/src/components/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/MetarGrid.tsx b/src/components/Metar.tsx
similarity index 80%
rename from src/components/MetarGrid.tsx
rename to src/components/Metar.tsx
index 888fed8..1e879ab 100644
--- a/src/components/MetarGrid.tsx
+++ b/src/components/Metar.tsx
@@ -4,30 +4,44 @@ import { Metar, getMetars } from "@/js/weather"
import Link from "next/link"
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faArrowsSpin, faLocationArrow } from '@fortawesome/free-solid-svg-icons'
+import dynamic from "next/dynamic";
-export default async function MetarGrid() {
- const airports: Airport[] = getAirports();
-
+export default async function Metar() {
+ const Map = dynamic(() => import("@/components/MetarMap"), {
+ loading: () =>
,
+ ssr: false
+ });
+
async function update() {
const airports: Airport[] = getAirports();
const metars = await getMetars(airports);
for (let i = 0; i < airports.length; i++) {
airports[i].metar = metars[i];
+ airports[i].latitude = metars[i].latitude;
+ airports[i].longitude = metars[i].longitude;
setAirport(airports[i].icao, airports[i]);
}
- // setTimeout(update, 30 * 60 * 1000);
- // setTimeout(update, 5000);
+ return getAirports();
}
await update();
-
- return (
+ return <>
+