Refactor to make eslint happy

client/src/components/SearchInput/TripSchemaContext.tsx

@@ -1,55 +1,10 @@
-import React, { createContext, useEffect, useState } from 'react';
+import { createContext } from 'react';
 import type { TripArgsRepresentation } from './useTripArgs';
-import { fetchTripArgs } from './useTripArgs';
 
-interface TripSchemaContextValue {
+export interface TripSchemaContextValue {
   tripArgs: TripArgsRepresentation | null;
   loading: boolean;
   error: string | null;
 }
 
 export const TripSchemaContext = createContext<TripSchemaContextValue | undefined>(undefined);
-
-interface TripSchemaProviderProps {
-  endpoint: string;
-  children: React.ReactNode;
-}
-
-export function TripSchemaProvider({ endpoint, children }: TripSchemaProviderProps) {
-  const [tripArgs, setTripArgs] = useState<TripArgsRepresentation | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    let isMounted = true;
-
-    async function loadSchema() {
-      setLoading(true);
-      setError(null);
-      try {
-        const result = await fetchTripArgs(endpoint);
-        if (isMounted) {
-          setTripArgs(result);
-        }
-      } catch (err) {
-        console.error('Error loading trip arguments:', err);
-        if (isMounted) {
-          setError('Failed to load trip schema');
-        }
-      } finally {
-        if (isMounted) {
-          setLoading(false);
-        }
-      }
-    }
-
-    loadSchema();
-    return () => {
-      isMounted = false;
-    };
-  }, [endpoint]);
-
-  const value: TripSchemaContextValue = { tripArgs, loading, error };
-
-  return <TripSchemaContext.Provider value={value}>{children}</TripSchemaContext.Provider>;
-}

client/src/components/SearchInput/TripSchemaProvider.tsx

@@ -0,0 +1,47 @@
+import React, { useEffect, useState } from 'react';
+import { TripSchemaContext, TripSchemaContextValue } from './TripSchemaContext';
+import { fetchTripArgs, TripArgsRepresentation } from './useTripArgs';
+
+interface TripSchemaProviderProps {
+  endpoint: string;
+  children: React.ReactNode;
+}
+
+export function TripSchemaProvider({ endpoint, children }: TripSchemaProviderProps) {
+  const [tripArgs, setTripArgs] = useState<TripArgsRepresentation | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let isMounted = true;
+
+    async function loadSchema() {
+      setLoading(true);
+      setError(null);
+      try {
+        const result = await fetchTripArgs(endpoint);
+        if (isMounted) {
+          setTripArgs(result);
+        }
+      } catch (err) {
+        console.error('Error loading trip arguments:', err);
+        if (isMounted) {
+          setError('Failed to load trip schema');
+        }
+      } finally {
+        if (isMounted) {
+          setLoading(false);
+        }
+      }
+    }
+
+    loadSchema();
+    return () => {
+      isMounted = false;
+    };
+  }, [endpoint]);
+
+  const value: TripSchemaContextValue = { tripArgs, loading, error };
+
+  return <TripSchemaContext.Provider value={value}>{children}</TripSchemaContext.Provider>;
+}

client/src/screens/App.tsx

@@ -10,7 +10,7 @@ import { InputFieldsSection } from '../components/SearchBar/InputFieldsSection.t
 import TripQueryArguments from '../components/SearchInput/TripQueryArguments.tsx';
 import Sidebar from '../components/SearchInput/Sidebar.tsx';
 import ViewArgumentsRaw from '../components/SearchInput/ViewArgumentsRaw.tsx';
-import { TripSchemaProvider } from '../components/SearchInput/TripSchemaContext.tsx';
+import { TripSchemaProvider } from '../components/SearchInput/TripSchemaProvider.tsx';
 import { getApiUrl } from '../util/getApiUrl.ts';
 
 export function App() {
@@ -50,7 +50,10 @@ export function App() {
                   setTripQueryVariables={setTripQueryVariables}
                 ></TripQueryArguments>
               </TripSchemaProvider>
-              <ViewArgumentsRaw tripQueryVariables={tripQueryVariables} setTripQueryVariables={setTripQueryVariables}></ViewArgumentsRaw>
+              <ViewArgumentsRaw
+                tripQueryVariables={tripQueryVariables}
+                setTripQueryVariables={setTripQueryVariables}
+              ></ViewArgumentsRaw>
             </Sidebar>
           </div>
           <div className="box map-section">