fix: properly switch versions

apps/website/src/components/Nav.tsx

@@ -36,7 +36,7 @@ export function Nav({
 			>
 				<div className="flex flex-col gap-4 p-3">
 					<div className="flex flex-col gap-4">
-						<PackageSelect />
+						<PackageSelect versions={versions} />
 						<VersionSelect versions={versions} />
 					</div>
 					<Sidebar members={members} />

apps/website/src/components/PackageSelect.tsx

@@ -8,7 +8,7 @@ import { usePathname } from 'next/navigation';
 import { useMemo } from 'react';
 import { PACKAGES } from '~/util/constants';
 
-export default function PackageSelect() {
+export default function PackageSelect({ versions }: { readonly versions: string[] }) {
 	const pathname = usePathname();
 	const packageName = pathname?.split('/').slice(3, 4)[0];
 
@@ -17,7 +17,7 @@ export default function PackageSelect() {
 	const packageMenuItems = useMemo(
 		() =>
 			PACKAGES.map((pkg, idx) => (
-				<Link href={`/docs/packages/${pkg}/main`} key={`${pkg}-${idx}`}>
+				<Link href={`/docs/packages/${pkg}/${versions.at(packageName === 'discord.js' ? 0 : 1)}`} key={`${pkg}-${idx}`}>
 					<MenuItem
 						className="my-0.5 rounded bg-white p-3 text-sm outline-none active:bg-light-800 dark:bg-dark-600 hover:bg-light-700 focus:ring focus:ring-width-2 focus:ring-blurple dark:active:bg-dark-400 dark:hover:bg-dark-500"
 						id={pkg}
@@ -28,7 +28,7 @@ export default function PackageSelect() {
 					</MenuItem>
 				</Link>
 			)),
-		[packageMenu],
+		[packageMenu, packageName, versions],
 	);
 
 	return (

apps/website/src/middleware.ts

@@ -10,7 +10,7 @@ async function fetchLatestVersion(packageName: string): Promise<string> {
 
 	const { rows } = await sql`select version from documentation where name = ${packageName} order by version desc`;
 
-	return rows.map((row) => row.version).at(1) ?? 'main';
+	return rows.map((row) => row.version).at(packageName === 'discord.js' ? 0 : 1) ?? 'main';
 }
 
 export default async function middleware(request: NextRequest) {