remove zustand and clean up unused state management code

waldowred5 · Jun 9, 2024 · 5e104ad · 5e104ad
1 parent d2b2caf
commit 5e104ad
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 133 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/package.json b/package.json
@@ -17,8 +17,7 @@
     "react-dom": "^18.2.0",
     "react-icons": "^5.2.1",
     "repo-visualizer": "^0.0.3",
-    "theme-change": "^2.5.0",
-    "zustand": "^4.5.2"
+    "theme-change": "^2.5.0"
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.35.6",

diff --git a/src/components/SensorSelect.tsx b/src/components/SensorSelect.tsx
@@ -1,73 +1,15 @@
-import { useFeature } from "../store/useFeature.ts";
-import { useSensor } from "../store/useSensor.ts";
 import { useQuery } from "@tanstack/react-query";
-import { BASE_URL, buildUrlWithParams } from "../api/utils.ts";
+import { buildUrlWithParams } from "../api/utils.ts";
 import { useEffect, useState } from "react";
-import { DatastreamsByFeature, EntityData, Observation, Thing } from "../types.ts";
+import { DatastreamsByFeature, EntityData, Observation } from "../types.ts";
 
 interface ISensorSelectProps {
   datastreams: DatastreamsByFeature;
   selectedFeature: string;
   setObservationsData: (data: Observation[]) => void;
 }
 
-export const sensorSelectLabel = '...then select a Datastream';
 export const SensorSelect = ({ datastreams, selectedFeature, setObservationsData }: ISensorSelectProps) => {
-  // const [observations, setObservations] = useState<Observation[]>([]);
-  //
-  // const selectedFeatureObservationsLink = useFeature(state => state.selectedFeatureObservationsLink);
-  // const {
-  //   selectedSensorObservationsLink,
-  //   updateSelectedSensor
-  // } = useSensor((state) => {
-  //   return {
-  //     selectedSensorObservationsLink: state.selectedSensorObservationsLink,
-  //     updateSelectedSensor: state.updateSelectedSensor,
-  //   };
-  // });
-  //
-  // const observationsUrl = selectedFeatureObservationsLink && buildUrlWithParams(selectedFeatureObservationsLink, { '$top': 5 });
-  // const { isLoading, isError, error, data } = useQuery<ObservationData>({
-  //   queryKey: ['observations'],
-  //   queryFn: () => fetch(observationsUrl).then((res) => res.json()),
-  //   enabled: !!selectedFeatureObservationsLink,
-  // });
-  //
-  // useEffect(() => {
-  //   if (data?.value && data?.value.length > 0) {
-  //     const sortedObservations = data.value.sort((a, b) => {
-  //       return a['@iot.id'] - b['@iot.id'];
-  //     });
-  //
-  //     setObservations(sortedObservations);
-  //   }
-  // }, [data]);
-  //
-  // if (isError) {
-  //   console.error('Error loading sensors:', error);
-  //   // TODO: Display error message to user and add retry button
-  // }
-  //
-  // if (isLoading || observations.length === 0) {
-  //   return (
-  //     <div className="selector-container">
-  //       <label className="label p-0">{sensorSelectLabel}</label>
-  //       <select
-  //         className="selector"
-  //         value={''}
-  //         onChange={() => {}}
-  //         disabled={isLoading || !selectedFeatureObservationsLink}
-  //       >
-  //         {
-  //           !selectedFeatureObservationsLink
-  //             ? <option></option>
-  //             : <option>{isLoading ? 'Loading sensors...' : 'No sensors found'}</option>
-  //         }
-  //       </select>
-  //     </div>
-  //   );
-  // }
-
   const [selectedDatastream, setSelectedDatastream] = useState<string>('');
   const [observationsUrl, setObservationsUrl] = useState<string>('');
 
@@ -96,7 +38,7 @@ export const SensorSelect = ({ datastreams, selectedFeature, setObservationsData
 
   return (
     <div className="selector-container">
-      <label className="label p-0">{sensorSelectLabel}</label>
+      <label className="label p-0">...then select a Datastream</label>
       <select
         className="selector"
         value={selectedDatastream}

diff --git a/src/store/useFeature.ts b/src/store/useFeature.ts
diff --git a/src/store/useSensor.ts b/src/store/useSensor.ts
diff --git a/yarn.lock b/yarn.lock
@@ -2682,7 +2682,6 @@ __metadata:
     theme-change: "npm:^2.5.0"
     typescript: "npm:^5.2.2"
     vite: "npm:^5.2.0"
-    zustand: "npm:^4.5.2"
   languageName: unknown
   linkType: soft
 
@@ -4736,15 +4735,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:1.2.0":
-  version: 1.2.0
-  resolution: "use-sync-external-store@npm:1.2.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/ac4814e5592524f242921157e791b022efe36e451fe0d4fd4d204322d5433a4fc300d63b0ade5185f8e0735ded044c70bcf6d2352db0f74d097a238cebd2da02
-  languageName: node
-  linkType: hard
-
 "uuid@npm:^8.3.2":
   version: 8.3.2
   resolution: "uuid@npm:8.3.2"
@@ -4930,23 +4920,3 @@ __metadata:
   checksum: 10c0/dceb44c28578b31641e13695d200d34ec4ab3966a5729814d5445b194933c096b7ced71494ce53a0e8820685d1d010df8b2422e5bf2cdea7e469d97ffbea306f
   languageName: node
   linkType: hard
-
-"zustand@npm:^4.5.2":
-  version: 4.5.2
-  resolution: "zustand@npm:4.5.2"
-  dependencies:
-    use-sync-external-store: "npm:1.2.0"
-  peerDependencies:
-    "@types/react": ">=16.8"
-    immer: ">=9.0.6"
-    react: ">=16.8"
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-    immer:
-      optional: true
-    react:
-      optional: true
-  checksum: 10c0/aee26f11facebb39b016e89539f72a72c2c00151208907fc909c3cedd455728240e09e01d98ebd3b63a2a3518a5917eac5de6c853743ca55a1655296d750bb48
-  languageName: node
-  linkType: hard