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

fix: sidebar behaviour when switching package/version

Browse Source
This commit is contained in:
iCrawl
2025-05-15 17:11:47 +02:00
parent 14e226b72b
commit c92a8c27a2
18 changed files with 377 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/website/src/components/EntrypointSelect.tsx
View File

@@ -1,23 +1,25 @@
'use client';
import { useParams, useRouter } from 'next/navigation';
import { use } from 'react';
import { parseDocsPathParams } from '@/util/parseDocsPathParams';
import { Select, SelectList, SelectOption, SelectTrigger } from './ui/Select';
export function EntryPointSelect({
entryPointsPromise,
}: {
readonly entryPointsPromise: Promise<{ readonly entryPoint: string }[]>;
}) {
export function EntryPointSelect({ entryPoints }: { readonly entryPoints: { readonly entryPoint: string }[] }) {
const router = useRouter();
const params = useParams();
const entryPoints = use(entryPointsPromise);
const params = useParams<{
item?: string[] | undefined;
packageName: string;
version: string;
}>();
const { entryPoints: parsedEntrypoints } = parseDocsPathParams(params.item as string[] | undefined);
const { entryPoints: parsedEntrypoints } = parseDocsPathParams(params.item);
return (
<Select aria-label="Select an entrypoint" defaultSelectedKey={parsedEntrypoints.join('/')}>
<Select
aria-label="Select an entrypoint"
defaultSelectedKey={parsedEntrypoints.join('/')}
key={parsedEntrypoints.join('/')}
>
<SelectTrigger className="bg-[#f3f3f4] dark:bg-[#121214]" />
<SelectList classNames={{ popover: 'bg-[#f3f3f4] dark:bg-[#28282d]' }} items={entryPoints}>
{(item) => (