From d183705481d0a09cc11333bbcb7f7ef8e3f0317a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Fri, 20 Sep 2024 15:15:24 +0200
Subject: [PATCH] fix(dashboard): only show the first 10 projects in dropdown

---
 .../[projectId]/layout-project-selector.tsx              | 9 +++++++--
 .../[organizationSlug]/[projectId]/layout-sidebar.tsx    | 1 -
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-project-selector.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-project-selector.tsx
index e866a8f8..3ffca1e4 100644
--- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-project-selector.tsx
+++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-project-selector.tsx
@@ -29,6 +29,7 @@ import type {
   getCurrentOrganizations,
   getProjectsByOrganizationSlug,
 } from '@openpanel/db';
+import Link from 'next/link';
 
 interface LayoutProjectSelectorProps {
   projects: Awaited<ReturnType<typeof getProjectsByOrganizationSlug>>;
@@ -86,7 +87,7 @@ export default function LayoutProjectSelector({
       <DropdownMenuContent align={align} className="w-[200px]">
         <DropdownMenuLabel>Projects</DropdownMenuLabel>
         <DropdownMenuGroup>
-          {projects.map((project) => (
+          {projects.slice(0, 10).map((project) => (
             <DropdownMenuItem
               key={project.id}
               onClick={() => changeProject(project.id)}
@@ -99,7 +100,11 @@ export default function LayoutProjectSelector({
               )}
             </DropdownMenuItem>
           ))}
-          <DropdownMenuSeparator />
+          {projects.length > 10 && (
+            <DropdownMenuItem asChild>
+              <Link href={`/${organizationSlug}`}>All projects</Link>
+            </DropdownMenuItem>
+          )}
           <DropdownMenuItem
             className="text-emerald-600"
             onClick={() => pushModal('AddProject')}
diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-sidebar.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-sidebar.tsx
index c0d1f890..49d043c3 100644
--- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-sidebar.tsx
+++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-sidebar.tsx
@@ -4,7 +4,6 @@ import { LogoSquare } from '@/components/logo';
 import SettingsToggle from '@/components/settings-toggle';
 import { Button } from '@/components/ui/button';
 import { cn } from '@/utils/cn';
-import { Rotate as Hamburger } from 'hamburger-react';
 import { MenuIcon, XIcon } from 'lucide-react';
 import { usePathname } from 'next/navigation';
 import { useEffect, useState } from 'react';