-
- {folders.map((folder, index) => (
- {
- setSelectedKeys(new Set([])); // reset selection
- setSelectedFolder(folder);
+
+ {({ node, style }: { node: NodeApi; style: React.CSSProperties }) => (
+ {
+ setSelectedKeys(new Set([]));
+ setSelectedFolder(node.data);
}}
- startContent={}
- className={selectedFolder && folder.id === selectedFolder.id ? selectedClass : baseClass}
- >
- {folder.name}
-
- ))}
-
+ toggleButton={
+ node.data.children && node.data.children.length > 0 ? (
+
+ ) : null
+ }
+ icon={}
+ label={node.data.name}
+ />
+ )}
+
{
+ it('should return an empty array when input is empty', () => {
+ expect(buildFolderTree([])).toEqual([]);
+ });
+
+ it('should build a single root node', () => {
+ const folders: FolderType[] = [
+ { id: 1, name: 'root', detail: '', projectId: 1, parentFolderId: null, createdAt: '', updatedAt: '', Cases: [] },
+ ];
+ const tree = buildFolderTree(folders);
+ expect(tree.length).toBe(1);
+ expect(tree[0].id).toBe('1');
+ expect(tree[0].children).toEqual([]);
+ });
+
+ it('should build a tree with parent and child', () => {
+ const folders: FolderType[] = [
+ { id: 1, name: 'root', detail: '', projectId: 1, parentFolderId: null, createdAt: '', updatedAt: '', Cases: [] },
+ { id: 2, name: 'child', detail: '', projectId: 1, parentFolderId: 1, createdAt: '', updatedAt: '', Cases: [] },
+ ];
+ const tree = buildFolderTree(folders);
+ expect(tree.length).toBe(1);
+ expect(tree[0].id).toBe('1');
+ expect(tree[0]!.children!.length).toBe(1);
+ expect(tree[0]!.children![0].id).toBe('2');
+ });
+
+ it('should build a tree with multiple levels', () => {
+ const folders: FolderType[] = [
+ { id: 1, name: 'root', detail: '', projectId: 1, parentFolderId: null, createdAt: '', updatedAt: '', Cases: [] },
+ { id: 2, name: 'child', detail: '', projectId: 1, parentFolderId: 1, createdAt: '', updatedAt: '', Cases: [] },
+ {
+ id: 3,
+ name: 'grandchild',
+ detail: '',
+ projectId: 1,
+ parentFolderId: 2,
+ createdAt: '',
+ updatedAt: '',
+ Cases: [],
+ },
+ ];
+ const tree = buildFolderTree(folders);
+ expect(tree.length).toBe(1);
+ expect(tree![0].children![0].children![0].id).toBe('3');
+ });
+
+ it('should build a forest if multiple roots', () => {
+ const folders: FolderType[] = [
+ { id: 1, name: 'root1', detail: '', projectId: 1, parentFolderId: null, createdAt: '', updatedAt: '', Cases: [] },
+ { id: 2, name: 'root2', detail: '', projectId: 1, parentFolderId: null, createdAt: '', updatedAt: '', Cases: [] },
+ ];
+ const tree = buildFolderTree(folders);
+ expect(tree.length).toBe(2);
+ expect(tree.map((n) => n.id)).toContain('1');
+ expect(tree.map((n) => n.id)).toContain('2');
+ });
+});
diff --git a/frontend/utils/buildFolderTree.ts b/frontend/utils/buildFolderTree.ts
new file mode 100644
index 0000000..d1a6dbe
--- /dev/null
+++ b/frontend/utils/buildFolderTree.ts
@@ -0,0 +1,36 @@
+import { FolderType, TreeNodeData } from '@/types/folder';
+
+export function buildFolderTree(folders: FolderType[]): TreeNodeData[] {
+ const folderMap = new Map();
+
+ folders.forEach((folder) => {
+ folderMap.set(folder.id, {
+ id: folder.id.toString(),
+ name: folder.name,
+ detail: folder.detail,
+ parentFolderId: folder.parentFolderId,
+ projectId: folder.projectId,
+ folderData: folder,
+ children: [],
+ });
+ });
+
+ const tree: TreeNodeData[] = [];
+
+ folders.forEach((folder) => {
+ const currentNode = folderMap.get(folder.id);
+
+ if (!currentNode) return;
+
+ if (folder.parentFolderId === null) {
+ tree.push(currentNode);
+ } else {
+ const parent = folderMap.get(folder.parentFolderId);
+ if (parent && parent.children) {
+ parent.children.push(currentNode);
+ }
+ }
+ });
+
+ return tree;
+}