jhynsoo/worlabel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: 사이드바 에러 해결

Browse Source
This commit is contained in:
정현조 2024-10-04 10:03:39 +09:00
parent cee46f5605
commit b02cc20db6
1 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/WorkspaceSidebar/ProjectStructure.tsx
View File

@ -28,7 +28,7 @@ const ItemTypes = {
}; };
export default function ProjectStructure({ project }: { project: Project }) { export default function ProjectStructure({ project }: { project: Project }) {
const { setProject, setCategories, folderId, setFolderId } = useProjectStore(); const { setProject, setCategories, setFolderId } = useProjectStore();
const { image: selectedImage, setImage } = useCanvasStore(); const { image: selectedImage, setImage } = useCanvasStore();
const { treeData, fetchNodeData, setTreeData } = useTreeData(project.id.toString()); const { treeData, fetchNodeData, setTreeData } = useTreeData(project.id.toString());
const { data: categories } = useProjectCategoriesQuery(project.id); const { data: categories } = useProjectCategoriesQuery(project.id);
@ -40,24 +40,20 @@ export default function ProjectStructure({ project }: { project: Project }) {
const [containerHeight, setContainerHeight] = useState<number>(400); const [containerHeight, setContainerHeight] = useState<number>(400);
useEffect(() => { useEffect(() => {
setCategories(categories); if (categories) {
setCategories(categories);
}
}, [categories, setCategories]); }, [categories, setCategories]);
useEffect(() => { useEffect(() => {
setProject(project); setProject(project);
}, [project, setProject]); }, [project, setProject]);
useEffect(() => {
if (treeData) {
setFolderId(folderId);
}
}, [treeData, setFolderId, folderId]);
useEffect(() => { useEffect(() => {
if (containerRef.current) { if (containerRef.current) {
setContainerHeight(containerRef.current.clientHeight); setContainerHeight(containerRef.current.clientHeight);
} }
}, [containerRef, treeData, isLoading]); }, [treeData, isLoading]);
const onToggle = useCallback( const onToggle = useCallback(
async (node: TreeNode, toggled: boolean) => { async (node: TreeNode, toggled: boolean) => {