Carlos Florêncio
27 lines
1015 B
TypeScript
27 lines
1015 B
TypeScript
import { useEffect, useLayoutEffect, useRef } from "react";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
|
|
/**
|
|
* Calls `onRefetch` when the office refetch trigger matches `triggerType`.
|
|
* Supports exact match ("dashboard") or prefix match ("comments:" matches "comments:task-123").
|
|
*
|
|
* @param triggerType - The trigger type to watch for (e.g. "dashboard", "tasks", "comments")
|
|
* @param onRefetch - Callback invoked when a matching trigger fires
|
|
*/
|
|
export function useOfficeRefetch(triggerType: string, onRefetch: () => void) {
|
|
const trigger = useAppStore((s) => s.office.refetchTrigger);
|
|
const callbackRef = useRef(onRefetch);
|
|
// Update ref in a layout effect to avoid mutating during render
|
|
useLayoutEffect(() => {
|
|
callbackRef.current = onRefetch;
|
|
});
|
|
|
|
useEffect(() => {
|
|
if (!trigger) return;
|
|
const matches = trigger.type === triggerType || trigger.type.startsWith(triggerType + ":");
|
|
if (matches) {
|
|
callbackRef.current();
|
|
}
|
|
}, [trigger, triggerType]);
|
|
}
|