From ed32dbfa1beb589047aeb432db3cf663e6d5019e Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 16 Jan 2025 16:26:09 +0100
Subject: [PATCH] Show only 4 projects with most recent updatedAt

---
 src/lib/components/breadcrumbsConsole.svelte | 40 ++++++++++++++++----
 src/routes/(console)/+layout.ts              |  2 +-
 2 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/breadcrumbsConsole.svelte b/src/lib/components/breadcrumbsConsole.svelte
index b98d3ef41..140c6b79e 100644
--- a/src/lib/components/breadcrumbsConsole.svelte
+++ b/src/lib/components/breadcrumbsConsole.svelte
@@ -104,10 +104,22 @@
             title: 'Switch project',
             items: !selectedOrg
                 ? []
-                : selectedOrg.projects.map((project) => ({
-                      name: project.name,
-                      href: `/console/project-${project.$id}/overview`
-                  }))
+                : selectedOrg.projects
+                      .map((project, index) => {
+                          if (index < 4) {
+                              return {
+                                  name: project.name,
+                                  href: `/console/project-${project.$id}/overview`
+                              };
+                          } else if (index === 4) {
+                              return {
+                                  name: 'All projects',
+                                  href: `/console/organization-${selectedOrg.$id}`
+                              };
+                          }
+                          return null;
+                      })
+                      .filter((project) => project !== null)
         },
         bottom: {
             items: [
@@ -244,10 +256,22 @@
         {/if}
 
         <div class="menu" use:melt={$menuProjects}>
-            {#each selectedOrg.projects as project}
-                <a href={`/console/project-${project.$id}`} class="item" use:melt={$itemProjects}>
-                    {project.name}
-                </a>
+            {#each selectedOrg.projects as project, index}
+                {#if index < 4}
+                    <a
+                        href={`/console/project-${project.$id}`}
+                        class="item"
+                        use:melt={$itemProjects}>
+                        {project.name}
+                    </a>
+                {:else if index === 4}
+                    <a
+                        href={`/console/organization-${selectedOrg.$id}`}
+                        class="item"
+                        use:melt={$itemProjects}>
+                        All projects
+                    </a>
+                {/if}
             {/each}
             <div class="separator" use:melt={$separatorProjects} />
             <a
diff --git a/src/routes/(console)/+layout.ts b/src/routes/(console)/+layout.ts
index 579ad0ad2..012399c1e 100644
--- a/src/routes/(console)/+layout.ts
+++ b/src/routes/(console)/+layout.ts
@@ -39,7 +39,7 @@ export const load: LayoutLoad = async ({ params, fetch, depends, parent }) => {
         const orgProjects = await sdk.forConsole.projects.list([
             Query.equal('teamId', currentOrgId),
             Query.limit(100),
-            Query.orderDesc('')
+            Query.orderDesc('$updatedAt')
         ]);
         projects = orgProjects.projects.length > 0 ? orgProjects.projects : [];
     }