mirror of
https://github.com/alrayyes/wiki.git
synced 2024-11-25 21:16:21 +00:00
docs: fix examples
This commit is contained in:
parent
6914d4b40c
commit
4afb099bf3
2 changed files with 7 additions and 13 deletions
|
@ -145,25 +145,19 @@ Component.Explorer({
|
||||||
|
|
||||||
### Remove list of elements (`filter`)
|
### Remove list of elements (`filter`)
|
||||||
|
|
||||||
Using this example, you can remove elements from your explorer by providing a list of folders/files using the `list` array.
|
Using this example, you can remove elements from your explorer by providing an array of folders/files using the `omit` set.
|
||||||
|
|
||||||
```ts title="quartz.layout.ts"
|
```ts title="quartz.layout.ts"
|
||||||
Component.Explorer({
|
Component.Explorer({
|
||||||
filterFn: (node) => {
|
filterFn: (node) => {
|
||||||
// list containing names of everything you want to filter out
|
// set containing names of everything you want to filter out
|
||||||
const list = ["authoring content", "building your", "tags", "hosting"]
|
const omit = new Set(["authoring content", "tags", "hosting"])
|
||||||
|
return omit.has(node.name.toLowerCase())
|
||||||
for (let listNodeName of list) {
|
|
||||||
if (listNodeName.toLowerCase() === node.name.toLowerCase()) {
|
|
||||||
return false // Found a match, so return false to filter out the node
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true // No match found, so return true to keep the node
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
||||||
You can customize this by changing the entries of the `list` array. Simply add all folder or file names you want to remove to the array (case insensitive).
|
You can customize this by changing the entries of the `omit` set. Simply add all folder or file names you want to remove.
|
||||||
|
|
||||||
## Advanced examples
|
## Advanced examples
|
||||||
|
|
||||||
|
@ -224,7 +218,7 @@ To fix this, we just changed around the order and apply the `sort` function befo
|
||||||
> You can then import them like this:
|
> You can then import them like this:
|
||||||
>
|
>
|
||||||
> ```ts title="quartz.layout.ts"
|
> ```ts title="quartz.layout.ts"
|
||||||
> import { mapFn, filterFn, sortFn } from "./path/to/your/functions"
|
> import { mapFn, filterFn, sortFn } from "./functions.ts"
|
||||||
> Component.Explorer({
|
> Component.Explorer({
|
||||||
> mapFn: mapFn,
|
> mapFn: mapFn,
|
||||||
> filterFn: filterFn,
|
> filterFn: filterFn,
|
||||||
|
|
|
@ -82,7 +82,7 @@ export class FileNode {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Filter FileNode tree. Behaves similar to `Array.prototype.map()`, but modifies tree in place
|
* 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) {
|
map(mapFn: (node: FileNode) => void) {
|
||||||
mapFn(this)
|
mapFn(this)
|
||||||
|
|
Loading…
Reference in a new issue