1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
"use client";
import { useState, useEffect, useCallback } from "react";
import { getVisibleMenuTree } from "@/lib/menu-v2/permission-service";
import type { MenuDomain, MenuTreeNode, MenuTreeActiveResult } from "@/lib/menu-v2/types";
interface UseVisibleMenuTreeResult extends MenuTreeActiveResult {
isLoading: boolean;
error: Error | null;
refetch: () => Promise<void>;
}
/**
* Hook to fetch user's visible menu tree (filtered by permissions)
* Tree contains both menu groups (dropdowns) and top-level menus (single links)
*/
export function useVisibleMenuTree(domain: MenuDomain): UseVisibleMenuTreeResult {
const [tree, setTree] = useState<MenuTreeNode[]>([]);
const [isLoading, setIsLoading] = useState(true);
const [error, setError] = useState<Error | null>(null);
const fetchMenuTree = useCallback(async () => {
setIsLoading(true);
setError(null);
try {
// Call server action directly
const result = await getVisibleMenuTree(domain);
setTree(result.tree);
} catch (err) {
console.error("Error fetching visible menu tree:", err);
setError(err instanceof Error ? err : new Error("Unknown error"));
setTree([]);
} finally {
setIsLoading(false);
}
}, [domain]);
useEffect(() => {
fetchMenuTree();
}, [fetchMenuTree]);
return {
tree,
isLoading,
error,
refetch: fetchMenuTree,
};
}
|
