Variables under Environment, and render all props

src-web/hooks/useVariables.ts

@@ -0,0 +1,18 @@
+import { useQuery } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+import type { Variable } from '../lib/models';
+
+export function variablesQueryKey({ environmentId }: { environmentId: string }) {
+  return ['variables', { environmentId }];
+}
+
+export function useVariables({ environmentId }: { environmentId: string }) {
+  return (
+    useQuery({
+      queryKey: variablesQueryKey({ environmentId }),
+      queryFn: async () => {
+        return (await invoke('list_variables', { environmentId })) as Variable[];
+      },
+    }).data ?? []
+  );
+}