miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Benjamin Cabanes 2022-10-07 16:04:07 -04:00 committed by GitHub
parent 7fabc850fe
commit 77f540b50c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
nx-dev/ui-common/src/lib/sidebar.tsx
View File

@ -44,7 +44,7 @@ function SidebarSection({ section }: { section: MenuSection }): JSX.Element {
<ul> <ul>
<li className="mt-2"> <li className="mt-2">
{section.itemList {section.itemList
.filter((i) => !!i.itemList.length) .filter((i) => !!i.itemList?.length)
.map((item, index) => ( .map((item, index) => (
<SidebarSectionItems key={item.id + '-' + index} item={item} /> <SidebarSectionItems key={item.id + '-' + index} item={item} />
))} ))}
@ -81,9 +81,14 @@ function SidebarSectionItems({ item }: { item: MenuItem }): JSX.Element {
)} )}
onClick={handleCollapseToggle} onClick={handleCollapseToggle}
> >
{item.name} {item.disableCollapsible ? (
{item.disableCollapsible ? null : ( <Link href={item.id as string} passHref>
<CollapsibleIcon isCollapsed={collapsed} /> <a className="hover:underline">{item.name}</a>
</Link>
) : (
<>
{item.name} <CollapsibleIcon isCollapsed={collapsed} />
</>
)} )}
</h5> </h5>
<ul className={cx('mb-6', collapsed ? 'hidden' : '')}> <ul className={cx('mb-6', collapsed ? 'hidden' : '')}>