blame | history | patch | commit | commitdiff | ignore whitespace
dependabot[bot]
2024-09-16 9a6e4e2f8022894ee84077950e95ba01ff79b6b0 
 quartz/components/ExplorerNode.tsx


@@ -12,7 +12,7 @@


type OrderEntries = "sort" | "filter" | "map"




export interface Options {


  title: string


  title?: string


  folderDefaultState: "collapsed" | "open"


  folderClickBehavior: "collapse" | "link"


  useSavedState: boolean


@@ -168,10 +168,8 @@


  const isDefaultOpen = opts.folderDefaultState === "open"




  // Calculate current folderPath


  let folderPath = ""


  if (node.name !== "") {


    folderPath = joinSegments(fullPath ?? "", node.name)


  }


  const folderPath = node.name !== "" ? joinSegments(fullPath ?? "", node.name) : ""


  const href = resolveRelative(fileData.slug!, folderPath as SimpleSlug) + "/"




  return (


    <>


@@ -205,11 +203,7 @@


              {/* render <a> tag if folderBehavior is "link", otherwise render <button> with collapse click event */}


              <div key={node.name} data-folderpath={folderPath}>


                {folderBehavior === "link" ? (


                  <a


                    href={resolveRelative(fileData.slug!, folderPath as SimpleSlug)}


                    data-for={node.name}


                    class="folder-title"


                  >


                  <a href={href} data-for={node.name} class="folder-title">


                    {node.displayName}


                  </a>


                ) : (


@@ -230,15 +224,10 @@


              class="content"


              data-folderul={folderPath}


            >


              {node.children.map((childNode, i) => (


                <ExplorerNode


                  node={childNode}


                  key={i}


                  opts={opts}


                  fullPath={folderPath}


                  fileData={fileData}


                />


              ))}


              {node.children.map((childNode) =>


                // eagerly render children so we can memoize properly


                ExplorerNode({ node: childNode, opts, fileData, fullPath: folderPath }),


              )}


            </ul>


          </div>


        </li>