From 478fec9a49b970dca29b3350e9af1c5371847139 Mon Sep 17 00:00:00 2001
From: Lukas Thrane <76877975+Windove@users.noreply.github.com>
Date: Sat, 13 Apr 2024 17:23:07 +0200
Subject: [PATCH] =?UTF-8?q?264=20legge=20til=20dropdown=20ikon=20n=C3=A5r?=
 =?UTF-8?q?=20man=20velger=20satelitt=20homepage=20(#283)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(frontend): :sparkles: add dropdown icon

* decrease update interval
---
 .../src/components/homeComponents/SatDropdown.tsx     | 11 ++++++++++-
 frontend/src/components/homeComponents/homeGlobe.tsx  |  2 +-
 .../components/satelliteData/SatelliteDataHome.tsx    |  2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/homeComponents/SatDropdown.tsx b/frontend/src/components/homeComponents/SatDropdown.tsx
index dd668cf..bd6a0bd 100644
--- a/frontend/src/components/homeComponents/SatDropdown.tsx
+++ b/frontend/src/components/homeComponents/SatDropdown.tsx
@@ -32,11 +32,20 @@ export default function SatDropdown({
     return (
         <div className="w-full">
             <button
-                className="block w-full cursor-pointer bg-black p-4 text-left text-xl font-bold tracking-wide"
+                className="flex w-full cursor-pointer flex-row items-center justify-between bg-black p-4 text-left text-xl font-bold tracking-wide"
                 onClick={toggleDropdown}
             >
                 {selectedSatellite || "Select a Satellite"}
+                <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="2em"
+                    height="2em"
+                    viewBox="0 0 24 24"
+                >
+                    <path fill="currentColor" d="m7 10l5 5l5-5z" />
+                </svg>
             </button>
+
             {isOpen && <hr />}
             <motion.div
                 className={cn("overflow-hidden", isOpen && "overflow-y-scroll")}
diff --git a/frontend/src/components/homeComponents/homeGlobe.tsx b/frontend/src/components/homeComponents/homeGlobe.tsx
index 3d95bc9..c85be12 100644
--- a/frontend/src/components/homeComponents/homeGlobe.tsx
+++ b/frontend/src/components/homeComponents/homeGlobe.tsx
@@ -6,7 +6,7 @@ import { useSatelliteStore } from "@/lib/store";
 import { convertSatrec } from "@/lib/convertSatrec";
 
 const SAT_RADIUS = 5; // Relative size of the satellite for visualization
-const UPDATE_INTERVAL_MS = 1000; // Update interval in milliseconds
+const UPDATE_INTERVAL_MS = 100; // Update interval in milliseconds
 const EARTH_RADIUS_KM = 6371; // Earth radius in kilometers
 
 export default function SatelliteGlobe() {
diff --git a/frontend/src/components/satelliteData/SatelliteDataHome.tsx b/frontend/src/components/satelliteData/SatelliteDataHome.tsx
index 644264f..a11d9f5 100644
--- a/frontend/src/components/satelliteData/SatelliteDataHome.tsx
+++ b/frontend/src/components/satelliteData/SatelliteDataHome.tsx
@@ -4,7 +4,7 @@ import { convertSatrec, SatelliteInfo } from "@/lib/convertSatrec";
 import { useSatelliteStore } from "@/lib/store";
 import { flag } from "country-emoji";
 
-const updateInterval = 1000;
+const updateInterval = 50;
 
 export default function SatelliteDataHome() {
     const { satelliteData, fetchAndSetSatelliteData, selectedSatellite } =