diff --git a/front/js/svelte/layout/Folder.svelte b/front/js/svelte/layout/Folder.svelte index 69da25c..30d1877 100644 --- a/front/js/svelte/layout/Folder.svelte +++ b/front/js/svelte/layout/Folder.svelte @@ -6,7 +6,7 @@ const channel = getContext("channel"); export let folder; export let schema; - export let expanded = folder.shoudlExpand; + export let expanded = folder.shouldExpand; function toggleExpand() { expanded = !expanded; diff --git a/front/js/svelte/layout/Navbar.svelte b/front/js/svelte/layout/Navbar.svelte index 578b3fe..2be451d 100644 --- a/front/js/svelte/layout/Navbar.svelte +++ b/front/js/svelte/layout/Navbar.svelte @@ -7,7 +7,7 @@ const readableSchemas = getContext("readableSchemas"); function addToFolder(tree, folderPath, aSchema) { - let shoudlExpand = aSchema.name === schema?.name; + let shouldExpand = aSchema.name === schema?.name; if (folderPath === "") { tree.files.push(aSchema) return tree @@ -16,12 +16,15 @@ folderNames.forEach(folderName => { let queriedFolder = tree.folders.find(folder => folder.name === folderName) if (!queriedFolder) { - queriedFolder = {name: folderName, files: [], folders: [], shoudlExpand: shoudlExpand}; + queriedFolder = {name: folderName, files: [], folders: [], shouldExpand: shouldExpand}; } folderNames.shift() let remainingFolderPath = folderNames.join("."); queriedFolder = addToFolder(queriedFolder, remainingFolderPath, aSchema) + + tree.folders = tree.folders.filter(f => f.name !== queriedFolder.name) tree.folders.push(queriedFolder); + }) return tree; @@ -30,7 +33,9 @@ const schemaTree = readableSchemas.reduce((carry, schema) => { carry = addToFolder(carry, schema.folder,schema) return carry; - }, {name: "", files: [], folders: [], shoudlExpand:true}); + }, {name: "", files: [], folders: [], shouldExpand:true}); + + console.log({schemaTree})