work

Vatsim-Scandinavia · Feb 28, 2024 · 869674e · 869674e
1 parent a634143
commit 869674e
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 58 deletions.
diff --git a/src/components/AirportModal.tsx b/src/components/AirportModal.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import {Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Button, useDisclosure} from "@nextui-org/react";
 
 export default function AirportModal(props: {airport: Object}) {

diff --git a/src/components/Briefing.astro b/src/components/Briefing.astro
@@ -1,5 +1,5 @@
 ---
-const { background, briefLogo, briefText, briefUrl, briefUrlText } = Astro.props
+const { briefLogo, briefText, briefUrl, briefUrlText } = Astro.props
 ---
 <div class="rounded-lg w-64 h-64 text-center flex flex-col items-center justify-center bg-[url('https://images.ctfassets.net/oz9qk43ly6yk/3dhInj4LD6097MuIDchKgM/806cccb5d2f37ab47f01394bddc27a13/Bi3706_rgb_SAS_A330_Bild_2.jpg?w=800&q=72')] bg-cover bg-center bg-opacity-75">
     <div class="backdrop-blur-sm bg-white/30 w-full h-full flex-col flex items-center justify-center">

diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 
 const ThemeToggle = () => {
   useEffect(() => {

diff --git a/src/pages/briefing.astro b/src/pages/briefing.astro
@@ -39,60 +39,9 @@ const airlines = [
       <div class="flex w-full justify-center items-center flex-col">
         <h1 class="text-4xl font-semibold m-6">Airlines</h1>
         <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl text-center">
-              Scandinavian<br />Airlines
-            </p>
-            <p class="text-black font-semibold">SAS</p>
-          </div>
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl">Norwegian</p>
-            <p class="text-black font-semibold">NOZ</p>
-          </div>
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl">Ryanair</p>
-            <p class="text-black font-semibold">RYR</p>
-          </div>
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl">DAT</p>
-            <p class="text-black font-semibold">DTR</p>
-          </div>
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl">KLM</p>
-            <p class="text-black font-semibold">KLM</p>
-          </div>
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl">Lufthansa</p>
-            <p class="text-black font-semibold">DLH</p>
-          </div>
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl">
-              European<br />Carriers
-            </p>
-            <p class="text-black font-semibold">Multiple</p>
-          </div>
-          <div
-            class="rounded bg-white p-4 aspect-square items-center justify-center flex flex-col min-w-24"
-          >
-            <p class="text-black font-semibold text-xl">
-              Low Cost<br />Airlines
-            </p>
-            <p class="text-black font-semibold">Multiple</p>
-          </div>
+          {airlines.map((item) => (
+            <AirportModal airport={item} client:visible />
+        ))}
         </div>
       </div>
     </div>    

diff --git a/src/pages/oy-dda.astro b/src/pages/oy-dda.astro
@@ -1,6 +1,6 @@
 ---
 import Layout from "../layout/index.astro"
-import AirportMetar from "../components/Metar.astro"
+
 ---
 <Layout>
     <div class=" p-6 flex items-center justify-center text-xl h-screen text-center flex-col gap-12">