Environment dropdown and actions

src-web/hooks/useActiveEnvironmentId.ts

@@ -0,0 +1,14 @@
+import { useCallback } from 'react';
+import { useSearchParams } from 'react-router-dom';
+
+export function useActiveEnvironmentId(): [string | null, (id: string) => void] {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const id = searchParams.get('environmentId') ?? null;
+
+  const setId = useCallback((id: string) => {
+    searchParams.set('environmentId', id)
+    setSearchParams(searchParams);
+  }, [searchParams, setSearchParams])
+
+  return [id, setId];
+}