feat(bases): add URL-driven row detail modal hook

2026-06-10 01:52:43 +08:00 · 2026-05-24 16:01:50 +01:00
parent aebd54f13d
commit e071de9248
1 changed files with 26 additions and 0 deletions
@@ -0,0 +1,26 @@
+import { useCallback } from "react";
+import { useSearchParams } from "react-router-dom";
+
+const PARAM = "row";
+
+export function useRowDetailModal() {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const openRowId = searchParams.get(PARAM);
+
+  const openRow = useCallback(
+    (rowId: string) => {
+      const next = new URLSearchParams(searchParams);
+      next.set(PARAM, rowId);
+      setSearchParams(next, { replace: false });
+    },
+    [searchParams, setSearchParams],
+  );
+
+  const closeRow = useCallback(() => {
+    const next = new URLSearchParams(searchParams);
+    next.delete(PARAM);
+    setSearchParams(next, { replace: false });
+  }, [searchParams, setSearchParams]);
+
+  return { openRowId, openRow, closeRow };
+}