diff --git a/client/src/components/ActivityBar/ActivityBar.vue b/client/src/components/ActivityBar/ActivityBar.vue index e5bdd51663f5..87820cc697e3 100644 --- a/client/src/components/ActivityBar/ActivityBar.vue +++ b/client/src/components/ActivityBar/ActivityBar.vue @@ -228,6 +228,7 @@ defineExpose({ v-if="activity.id === 'upload'" :id="`${activity.id}`" :key="activity.id" + :activity-bar-id="props.activityBarId" :icon="activity.icon" :title="activity.title" :tooltip="activity.tooltip" /> @@ -235,6 +236,7 @@ defineExpose({ v-else-if="activity.to && activity.id === 'interactivetools'" :id="`${activity.id}`" :key="activity.id" + :activity-bar-id="props.activityBarId" :icon="activity.icon" :is-active="isActiveRoute(activity.to)" :title="activity.title" @@ -272,6 +274,7 @@ defineExpose({ entryPoints.value.length); export interface Props { id: string; + activityBarId: string; title: string; icon: IconDefinition; isActive: boolean; to: string; } -defineProps(); +const props = defineProps(); const emit = defineEmits<{ (e: "click"): void; @@ -27,7 +28,7 @@ const emit = defineEmits<{ const tooltip = computed(() => totalCount.value === 1 - ? `You currently have 1 active interactive tool` + ? "You currently have 1 active interactive tool" : `You currently have ${totalCount.value} active interactive tools` ); @@ -36,7 +37,7 @@ const tooltip = computed(() => (); +const props = defineProps(); const emit = defineEmits<{ (e: "click"): void; @@ -32,7 +33,7 @@ const tooltip = computed(() =>