mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
815 B
29 lines
815 B
<script setup lang="ts"> |
|
import type { UserType } from 'nocodb-sdk' |
|
|
|
const { user } = defineProps<{ |
|
user: UserType |
|
}>() |
|
|
|
const displayName = computed(() => { |
|
return user?.display_name?.trim() ? user?.display_name?.trim() : user?.email?.split('@')[0] |
|
}) |
|
</script> |
|
|
|
<template> |
|
<div class="flex flex-row items-center gap-x-2 h-12.5 p-2"> |
|
<GeneralUserIcon |
|
size="auto" |
|
:name="user.display_name?.trim() ? user.display_name?.trim() : ''" |
|
:email="user.email" |
|
class="!text-[0.65rem]" |
|
/> |
|
<div class="flex flex-col justify-center flex-grow"> |
|
<div class="flex flex-col"> |
|
<span class="capitalize font-weight-medium">{{ displayName }}</span> |
|
<span class="text-xs">{{ user.email }}</span> |
|
</div> |
|
</div> |
|
<slot name="append"></slot> |
|
</div> |
|
</template>
|
|
|