diff --git a/src/lib/components/top-nav.svelte b/src/lib/components/top-nav.svelte
index 99cc3f2ff..1f909ba8e 100644
--- a/src/lib/components/top-nav.svelte
+++ b/src/lib/components/top-nav.svelte
@@ -3,7 +3,6 @@
import DataEncoderStatus from '$lib/components/data-encoder-status.svelte';
import TimezoneSelect from '$lib/components/timezone-select.svelte';
- import Button from '$lib/holocene/button.svelte';
import Combobox from '$lib/holocene/combobox/combobox.svelte';
import { translate } from '$lib/i18n/translate';
import { lastUsedNamespace } from '$lib/stores/namespaces';
@@ -48,16 +47,9 @@
on:change={handleNamespaceSelect}
minSize={32}
actionTooltip={translate('namespaces.go-to-namespace')}
- >
-
-
+ {href}
+ hrefDisabled={!namespaceExists}
+ />
diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index 897cff387..9250fa860 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -11,6 +11,7 @@
import Menu from '$lib/holocene/menu/menu.svelte';
import Badge from '../badge.svelte';
+ import Button from '../button.svelte';
import Chip from '../chip.svelte';
import type { IconName } from '../icon';
import Icon from '../icon/icon.svelte';
@@ -45,6 +46,8 @@
error?: string;
valid?: boolean;
actionTooltip?: string;
+ href?: string;
+ hrefDisabled?: boolean;
}
type MultiSelectProps = {
@@ -109,6 +112,8 @@
export let deselectAllLabel = 'Deselect All';
export let removeChipLabel = 'Remove Option';
export let actionTooltip = '';
+ export let href = '';
+ export let hrefDisabled = false;
export let numberOfItemsSelectedLabel = (count: number) =>
`${count} option${count > 1 ? 's' : ''} selected`;
@@ -402,6 +407,28 @@
{/if}
+ {:else if href}
+
+ {#if actionTooltip}
+
+
+
+ {:else}
+
+ {/if}
+
{/if}