rl-core-front 0.18.7 → 0.18.8

package/src/hooks/use-table-view.ts

@@ -1,8 +1,9 @@
 "use client";
 
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 
 import { safeStorage } from "#core/_utils/storage";
+import { useStoredValue } from "#core/hooks/use-stored-value";
 
 const STORAGE_PREFIX = "view:";
 
@@ -14,6 +15,9 @@ export interface UseTableViewResult {
   setView: (next: TableView) => void;
 }
 
+const isTableView = (value: string | null): value is TableView =>
+  value === "list" || value === "grid";
+
 /**
  * Guarda em qual formato a pessoa deixou a listagem, por `storageKey`.
  *
@@ -26,28 +30,22 @@ export function useTableView(
   storageKey?: string,
   defaultView: TableView = "list",
 ): UseTableViewResult {
-  const [view, setStoredView] = useState<TableView>(defaultView);
-
-  useEffect(() => {
-    if (!storageKey) {
-      return;
-    }
-    const raw = safeStorage.get(`${STORAGE_PREFIX}${storageKey}`);
+  const key = storageKey ? `${STORAGE_PREFIX}${storageKey}` : undefined;
+  const stored = useStoredValue(key);
+  const [sessionView, setSessionView] = useState<TableView>(defaultView);
 
-    if (raw === "list" || raw === "grid") {
-      setStoredView(raw);
-    }
-  }, [storageKey]);
+  const view = key ? (isTableView(stored) ? stored : defaultView) : sessionView;
 
   const setView = useCallback(
     (next: TableView) => {
-      setStoredView(next);
-
-      if (storageKey) {
-        safeStorage.set(`${STORAGE_PREFIX}${storageKey}`, next);
+      if (!key) {
+        setSessionView(next);
+        return;
       }
+      // Escrever já avisa quem lê a chave — o estado vem do armazenamento.
+      safeStorage.set(key, next);
     },
-    [storageKey],
+    [key],
   );
 
   return { view, setView };