diff --git a/frontend/src/components/homeComponents/SatDropdown.tsx b/frontend/src/components/homeComponents/SatDropdown.tsx
index d778233..c4a1ff9 100644
--- a/frontend/src/components/homeComponents/SatDropdown.tsx
+++ b/frontend/src/components/homeComponents/SatDropdown.tsx
@@ -3,24 +3,30 @@ import React, { useState } from "react";
import { motion } from "framer-motion";
import { cn } from "@/lib/utils";
import { satLoaderById } from "@/lib/getSatelliteData";
+import {
+ SatelliteActions,
+ SatelliteName,
+ SatelliteNumber,
+ SatelliteState,
+} from "@/lib/store";
type DropdownProps = {
- satelliteNames: string[];
- selectedSatellite: string;
- // eslint-disable-next-line no-unused-vars
- setSelectedSatellite: (satellite: string) => void;
- // eslint-disable-next-line no-unused-vars
- setSatellites: (satellites: any) => void;
+ selectedSatellite: SatelliteState["selectedSatellite"];
+ setSelectedSatellite: SatelliteActions["setSelectedSatellite"];
+ setSatellites: SatelliteActions["setSatellites"];
+ selectedSatelliteName?: SatelliteName;
+ satNumToEntry: SatelliteState["satNumToEntry"];
};
export default function SatDropdown({
- satelliteNames,
selectedSatellite,
setSelectedSatellite,
setSatellites,
+ selectedSatelliteName,
+ satNumToEntry,
}: DropdownProps) {
const [isOpen, setIsOpen] = useState
(false);
- const [noradID, setNoradID] = useState("");
+ const [noradID, setNoradID] = useState();
const [error, setError] = useState("");
const toggleDropdown = () => {
@@ -28,12 +34,12 @@ export default function SatDropdown({
setIsOpen(!isOpen);
};
- const handleSelect = (satellite: string) => {
+ const handleSelect = (satellite: SatelliteNumber) => {
setSelectedSatellite(satellite);
setIsOpen(false);
};
- const handleAddSatellite = async (noradID: string) => {
+ const handleAddSatellite = async (noradID: SatelliteNumber) => {
if (!noradID) {
setError("Please enter a valid NORAD ID.");
return;
@@ -44,11 +50,12 @@ export default function SatDropdown({
if (data) {
const newSatellite = {
name: data.name,
- id: noradID,
- data: data,
+ num: noradID,
+ satrec: data.satrec,
+ timestamp: data.timestamp,
};
setSatellites([newSatellite]);
- setSelectedSatellite(newSatellite.name);
+ setSelectedSatellite(newSatellite.num);
setError("");
} else {
throw new Error("No data returned for the provided NORAD ID.");
@@ -76,7 +83,9 @@ export default function SatDropdown({
const handleKeyDown = (event: React.KeyboardEvent) => {
if (event.key === "Enter") {
- handleAddSatellite(noradID);
+ if (noradID) {
+ handleAddSatellite(noradID);
+ }
}
};
@@ -84,7 +93,7 @@ export default function SatDropdown({
const value = event.target.value;
// Allow only numeric input
if (/^\d*$/.test(value)) {
- setNoradID(value);
+ setNoradID(Number(value) as SatelliteNumber);
}
};
@@ -100,7 +109,7 @@ export default function SatDropdown({
onClick={toggleDropdown}
>
-
{selectedSatellite || "Select a Satellite"}
+
{selectedSatelliteName || "Select a Satellite"}
Selected Satellite