Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-10 00:23:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: hide sections with no members (#8380)

Browse Source
This commit is contained in:
Parbez
2022-07-28 21:25:46 +05:30
committed by GitHub
parent a38c58dbd0
commit ff5dd1fcb4
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
packages/website/src/components/ListSidebar.tsx
View File

@@ -85,30 +85,32 @@ export function ListSidebar({ members, selectedMember }: ListSidebarSectionProps
return (
<>
{(Object.keys(groupItems) as (keyof GroupedMembers)[]).map((group, i) => (
<Section iconElement={resolveIcon(group)} key={i} title={group} showSeparator={false}>
<div className="space-y-2">
{groupItems[group].map((member, i) => (
<div
key={i}
className="flex gap-2 whitespace-pre-wrap no-underline break-all text-blue-500 dark:text-blue-300"
>
<Link href={member.path}>
<a
className={`no-underline m-0 text-sm font-semibold ${
selectedMember === member.name
? 'text-blue-500 dark:text-blue-300'
: 'text-gray-500 dark:text-gray-300 hover:text-dark-100 dark:hover:text-white'
}`}
>
{member.name}
</a>
</Link>
</div>
))}
</div>
</Section>
))}
{(Object.keys(groupItems) as (keyof GroupedMembers)[])
.filter((group) => groupItems[group].length)
.map((group, i) => (
<Section iconElement={resolveIcon(group)} key={i} title={group} showSeparator={false}>
<div className="space-y-2">
{groupItems[group].map((member, i) => (
<div
key={i}
className="flex gap-2 whitespace-pre-wrap no-underline break-all text-blue-500 dark:text-blue-300"
>
<Link href={member.path}>
<a
className={`no-underline m-0 text-sm font-semibold ${
selectedMember === member.name
? 'text-blue-500 dark:text-blue-300'
: 'text-gray-500 dark:text-gray-300 hover:text-dark-100 dark:hover:text-white'
}`}
>
{member.name}
</a>
</Link>
</div>
))}
</div>
</Section>
))}
</>
);
}