scapegoat/Docs2.git

			@@ -76,23 +76,13 @@
			* @param filterFn function to filter tree with
			*/
			filter(filterFn: (node: FileNode) => boolean) {
			const filteredNodes: FileNode[] = []

			const traverse = (node: FileNode) => {
			if (filterFn(node)) {
			filteredNodes.push(node)
			}
			node.children.forEach(traverse)
			}

			traverse(this)

			this.children = filteredNodes
			this.children = this.children.filter(filterFn)
			this.children.forEach((child) => child.filter(filterFn))
			}

			/**
			* Filter FileNode tree. Behaves similar to `Array.prototype.map()`, but modifies tree in place
			* @param mapFn function to filter tree with
			* @param mapFn function to use for mapping over tree
			*/
			map(mapFn: (node: FileNode) => void) {
			mapFn(this)
			@@ -155,12 +145,12 @@
			}

			return (
			<div>
			<li>
			{node.file ? (
			// Single file node
			<li key={node.file.slug}>
			<a href={resolveRelative(fileData.slug!, node.file.slug!)} data-for={node.file.slug}>
			{node.file.frontmatter?.title}
			{node.name}
			</a>
			</li>
			) : (
			@@ -184,17 +174,17 @@
			<polyline points="6 9 12 15 18 9"></polyline>
			</svg>
			{/* render <a> tag if folderBehavior is "link", otherwise render <button> with collapse click event */}
			<li key={node.name} data-folderpath={folderPath}>
			<div key={node.name} data-folderpath={folderPath}>
			{folderBehavior === "link" ? (
			<a href={`${folderPath}`} data-for={node.name} class="folder-title">
			{node.name}
			</a>
			) : (
			<button class="folder-button">
			<h3 class="folder-title">{node.name}</h3>
			<p class="folder-title">{node.name}</p>
			</button>
			)}
			</li>
			</div>
			</div>
			)}
			{/* Recursively render children of folder */}
			@@ -220,6 +210,6 @@
			</div>
			</div>
			)}
			</div>
			</li>
			)
			}