docs(nxdev): enable link on non collapsible section title (#12469)

nrwl · Oct 7, 2022 · 77f540b · 77f540b · vercel · Oct 7, 2022
1 parent 7fabc85
commit 77f540b
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/nx-dev/ui-common/src/lib/sidebar.tsx b/nx-dev/ui-common/src/lib/sidebar.tsx
@@ -44,7 +44,7 @@ function SidebarSection({ section }: { section: MenuSection }): JSX.Element {
       <ul>
         <li className="mt-2">
           {section.itemList
-            .filter((i) => !!i.itemList.length)
+            .filter((i) => !!i.itemList?.length)
             .map((item, index) => (
               <SidebarSectionItems key={item.id + '-' + index} item={item} />
             ))}
@@ -81,9 +81,14 @@ function SidebarSectionItems({ item }: { item: MenuItem }): JSX.Element {
         )}
         onClick={handleCollapseToggle}
       >
-        {item.name}
-        {item.disableCollapsible ? null : (
-          <CollapsibleIcon isCollapsed={collapsed} />
+        {item.disableCollapsible ? (
+          <Link href={item.id as string} passHref>
+            <a className="hover:underline">{item.name}</a>
+          </Link>
+        ) : (
+          <>
+            {item.name} <CollapsibleIcon isCollapsed={collapsed} />
+          </>
         )}
       </h5>
       <ul className={cx('mb-6', collapsed ? 'hidden' : '')}>