| | |
| | | type OrderEntries = "sort" | "filter" | "map" |
| | | |
| | | export interface Options { |
| | | title: string |
| | | title?: string |
| | | folderDefaultState: "collapsed" | "open" |
| | | folderClickBehavior: "collapse" | "link" |
| | | useSavedState: boolean |
| | |
| | | } |
| | | |
| | | return ( |
| | | <li> |
| | | <> |
| | | {node.file ? ( |
| | | // Single file node |
| | | <li key={node.file.slug}> |
| | |
| | | </a> |
| | | </li> |
| | | ) : ( |
| | | <div> |
| | | <li> |
| | | {node.name !== "" && ( |
| | | // Node with entire folder |
| | | // Render svg button + folder name, then children |
| | |
| | | </a> |
| | | ) : ( |
| | | <button class="folder-button"> |
| | | <p class="folder-title">{node.displayName}</p> |
| | | <span class="folder-title">{node.displayName}</span> |
| | | </button> |
| | | )} |
| | | </div> |
| | |
| | | ))} |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </li> |
| | | )} |
| | | </li> |
| | | </> |
| | | ) |
| | | } |