diff --git a/src/lib/components/breadcrumbs.svelte b/src/lib/components/breadcrumbs.svelte index 7d9329f3c..2add9e76d 100644 --- a/src/lib/components/breadcrumbs.svelte +++ b/src/lib/components/breadcrumbs.svelte @@ -14,6 +14,7 @@ import { base } from '$app/paths'; import { newOrgModal } from '$lib/stores/organization'; import { Click, trackEvent } from '$lib/actions/analytics'; + import { page } from '$app/stores'; type Project = { name: string; @@ -64,7 +65,7 @@ export let organizations: Organization[] = []; $: selectedOrg = organizations.find((organization) => organization.isSelected); - $: selectedProject = selectedOrg?.projects.find((project) => project.isSelected); + $: selectedProject = $page.data.project; let organisationBottomSheetOpen = false; let projectsBottomSheetOpen = false; @@ -97,7 +98,7 @@ $: organizationsBottomSheet = !selectedOrg ? switchOrganization - : { + : ({ top: { items: [ { @@ -126,8 +127,8 @@ } ] } - }; - let projectsBottomSheet: SheetMenu; + } satisfies SheetMenu); + $: projectsBottomSheet = { top: selectedOrg?.projects.length > 1 @@ -173,7 +174,7 @@ ] } : undefined - }; + } satisfies SheetMenu; function onResize() { if ((organisationBottomSheetOpen || projectsBottomSheetOpen) && !$isSmallViewport) { @@ -317,17 +318,19 @@
{project.name} + href={`/console/project-${project.region}-${project.$id}`}> + {project.name} + +
{:else if index === 4}
All projects + href={`/console/organization-${selectedOrg.$id}`}> + All projects + +
{/if} {/each} @@ -337,18 +340,16 @@ Create project + href={`/console/organization-${selectedOrg?.$id}?create-project`}> + Create project + {/if} - - + +