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.
27 lines
943 B
27 lines
943 B
<script setup lang="ts"> |
|
import { AppEvents } from 'nocodb-sdk' |
|
import type { NotificationType } from 'nocodb-sdk' |
|
|
|
const props = defineProps<{ |
|
item: NotificationType |
|
}>() |
|
|
|
const item = toRef(props, 'item') |
|
|
|
const notificationStore = useNotification() |
|
|
|
const { toggleRead } = notificationStore |
|
</script> |
|
|
|
<template> |
|
<div class="select-none" @click="toggleRead(item, item.is_read)"> |
|
<NotificationItemWelcome v-if="item.type === AppEvents.WELCOME" :item="item" /> |
|
<NotificationItemProjectInvite v-else-if="item.type === AppEvents.PROJECT_INVITE" :item="item" /> |
|
<NotificationItemWorkspaceInvite v-else-if="item.type === AppEvents.WORKSPACE_INVITE" :item="item" /> |
|
<NotificationItemMentionEvent v-else-if="['mention'].includes(item.type)" :item="item" /> |
|
<NotificationItemRowMentionEvent v-else-if="AppEvents.ROW_USER_MENTION === item.type" :item="item" /> |
|
<span v-else /> |
|
</div> |
|
</template> |
|
|
|
<style scoped></style>
|
|
|