30 lines
1.0 KiB
Vue
30 lines
1.0 KiB
Vue
<script setup>
|
|
const dataStore = useDataStore()
|
|
const supabase = useSupabaseClient()
|
|
//const tenants = ref(dataStore.getOwnProfile ? dataStore.getOwnProfile.tenants : [])
|
|
//const tenant = ref(dataStore.currentTenant)
|
|
|
|
const selectedProfile = ref(dataStore.activeProfile.id)
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<USelectMenu
|
|
:options="dataStore.ownProfiles"
|
|
value-attribute="id"
|
|
class="w-40"
|
|
@change="dataStore.changeProfile(selectedProfile)"
|
|
v-model="selectedProfile"
|
|
>
|
|
<UButton color="gray" variant="ghost" :class="[open && 'bg-gray-50 dark:bg-gray-800']" class="w-full">
|
|
<UAvatar :alt="dataStore.tenants.find(i => dataStore.getProfileById(selectedProfile).tenant === i.id).name" size="md" />
|
|
|
|
<span class="truncate text-gray-900 dark:text-white font-semibold">{{dataStore.tenants.find(i => dataStore.getProfileById(selectedProfile).tenant === i.id).name}}</span>
|
|
</UButton>
|
|
|
|
<template #option="{option}">
|
|
{{dataStore.tenants.find(i => i.id === option.tenant).name}}
|
|
</template>
|
|
</USelectMenu>
|
|
</template> |