chore: commit local changes

frontend/src/hooks/useActionConfig.ts

@@ -2,7 +2,7 @@
  * React hook for loading and updating a single parsed action config.
  */
 
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useConfigItem } from "./useConfigItem";
 import { fetchAction, updateAction } from "../api/config";
 import type { ActionConfig, ActionConfigUpdate } from "../types/config";
 
@@ -23,67 +23,28 @@ export interface UseActionConfigResult {
  * @param name - Action base name (e.g. ``"iptables"``).
  */
 export function useActionConfig(name: string): UseActionConfigResult {
-  const [config, setConfig] = useState<ActionConfig | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const [saving, setSaving] = useState(false);
-  const [saveError, setSaveError] = useState<string | null>(null);
-  const abortRef = useRef<AbortController | null>(null);
+  const { data, loading, error, saving, saveError, refresh, save } = useConfigItem<
+    ActionConfig,
+    ActionConfigUpdate
+  >({
+    fetchFn: () => fetchAction(name),
+    saveFn: (update) => updateAction(name, update),
+    mergeOnSave: (prev, update) =>
+      prev
+        ? {
+            ...prev,
+            ...Object.fromEntries(Object.entries(update).filter(([, v]) => v != null)),
+          }
+        : prev,
+  });
 
-  const load = useCallback((): void => {
-    abortRef.current?.abort();
-    const ctrl = new AbortController();
-    abortRef.current = ctrl;
-    setLoading(true);
-    setError(null);
-
-    fetchAction(name)
-      .then((data) => {
-        if (!ctrl.signal.aborted) {
-          setConfig(data);
-          setLoading(false);
-        }
-      })
-      .catch((err: unknown) => {
-        if (!ctrl.signal.aborted) {
-          setError(err instanceof Error ? err.message : "Failed to load action config");
-          setLoading(false);
-        }
-      });
-  }, [name]);
-
-  useEffect(() => {
-    load();
-    return (): void => {
-      abortRef.current?.abort();
-    };
-  }, [load]);
-
-  const save = useCallback(
-    async (update: ActionConfigUpdate): Promise<void> => {
-      setSaving(true);
-      setSaveError(null);
-      try {
-        await updateAction(name, update);
-        setConfig((prev) =>
-          prev
-            ? {
-                ...prev,
-                ...Object.fromEntries(
-                  Object.entries(update).filter(([, v]) => v !== null && v !== undefined)
-                ),
-              }
-            : prev
-        );
-      } catch (err: unknown) {
-        setSaveError(err instanceof Error ? err.message : "Failed to save action config");
-        throw err;
-      } finally {
-        setSaving(false);
-      }
-    },
-    [name]
-  );
-
-  return { config, loading, error, saving, saveError, refresh: load, save };
+  return {
+    config: data,
+    loading,
+    error,
+    saving,
+    saveError,
+    refresh,
+    save,
+  };
 }