Mike
38 lines
902 B
Vue
38 lines
902 B
Vue
<template>
|
|
<div class="flex items-center">
|
|
<MenuItem class="min-w-0 w-full">
|
|
<NuxtLink class="flex-1 min-w-0" @click="$emit('onClick')">
|
|
<LayoutSidebarMenuGroupItem
|
|
:label="name"
|
|
:tag="tag"
|
|
:active="isActive"
|
|
color-classes="bg-foundation-2 text-foreground-2"
|
|
>
|
|
<template #icon>
|
|
<WorkspaceAvatar
|
|
:name="name"
|
|
:logo="logo"
|
|
size="sm"
|
|
class="flex-shrink-0"
|
|
/>
|
|
</template>
|
|
</LayoutSidebarMenuGroupItem>
|
|
</NuxtLink>
|
|
</MenuItem>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { MenuItem } from '@headlessui/vue'
|
|
import type { MaybeNullOrUndefined } from '@speckle/shared'
|
|
|
|
defineEmits(['onClick'])
|
|
|
|
defineProps<{
|
|
isActive: boolean
|
|
name: string
|
|
logo?: MaybeNullOrUndefined<string>
|
|
tag?: string
|
|
}>()
|
|
</script>
|