Files
nocodb/packages/nc-gui/components/nc/Icon/View.vue
2025-08-07 13:47:35 +00:00

33 lines
685 B
Vue

<script lang="ts" setup>
import type { ViewType } from 'nocodb-sdk'
const props = defineProps<{
view: ViewType
ignoreColor?: boolean
}>()
</script>
<template>
<LazyGeneralEmojiPicker
v-if="(view.meta as any)?.icon"
:data-testid="`nc-emoji-${(view.meta as any)?.icon}`"
size="xsmall"
:emoji="(view.meta as any)?.icon"
readonly
/>
<component
:is="viewIcons[view.type]?.icon"
v-else-if="view?.type"
class="nc-view-icon group-hover"
:style="{
color: !props.ignoreColor ? viewIcons[view.type]?.color : undefined,
fontWeight: 500,
}"
/>
</template>
<style scoped lang="scss">
.nc-view-icon {
font-size: 1.05rem;
}
</style>