Kristaps Fabians Geikins
f2d7493c2a
* stuff copied over, but aint workin * various fixes * vscode settings * trigger deploy * trigger deploy
39 lines
1.2 KiB
Vue
39 lines
1.2 KiB
Vue
<template>
|
|
<button
|
|
:class="`group block w-full p-1 text-left rounded-md items-center space-x-2 select-none group transition hover:bg-primary-muted hover:text-primary ${
|
|
workspace.readOnly
|
|
? 'text-danger bg-rose-500/10 cursor-not-allowed'
|
|
: 'cursor-pointer'
|
|
} ${
|
|
currentSelectedWorkspaceId === workspace.id ? 'bg-blue-500/5 text-primary' : ''
|
|
}`"
|
|
:disabled="workspace.readOnly"
|
|
@click="$emit('select', workspace)"
|
|
>
|
|
<div class="flex items-center space-x-2">
|
|
<WorkspaceAvatar
|
|
:size="'sm'"
|
|
:name="workspace.name || ''"
|
|
:logo="workspace.logo"
|
|
/>
|
|
<div class="min-w-0 grow">
|
|
<div class="truncate overflow-hidden min-w-0 flex items-center space-x-2">
|
|
<span>{{ workspace.name }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</button>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { WorkspaceListWorkspaceItemFragment } from '~/lib/common/generated/gql/graphql'
|
|
|
|
defineProps<{
|
|
workspace: WorkspaceListWorkspaceItemFragment
|
|
currentSelectedWorkspaceId: string
|
|
}>()
|
|
|
|
defineEmits<{
|
|
(e: 'select', workspace: WorkspaceListWorkspaceItemFragment): void
|
|
}>()
|
|
</script>
|