test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: added translation in Notifications Component

Browse Source
This commit is contained in:
Shariq Ansari 2024-04-10 15:55:35 +05:30
parent e19fa42516
commit fc21e9b874
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Notifications.vue
View File

@ -14,9 +14,9 @@
<div <div
class="z-20 flex items-center justify-between border-b bg-white px-5 py-2.5" class="z-20 flex items-center justify-between border-b bg-white px-5 py-2.5"
> >
<div class="text-base font-medium">Notifications</div> <div class="text-base font-medium">{{ __('Notifications') }}</div>
<div class="flex gap-1"> <div class="flex gap-1">
<Tooltip text="Mark all as read"> <Tooltip :text="__('Mark all as read')">
<div> <div>
<Button <Button
variant="ghost" variant="ghost"
@ -28,7 +28,7 @@
</Button> </Button>
</div> </div>
</Tooltip> </Tooltip>
<Tooltip text="Close"> <Tooltip :text="__('Close')">
<div> <div>
<Button variant="ghost" @click="() => toggleNotificationPanel()"> <Button variant="ghost" @click="() => toggleNotificationPanel()">
<template #icon> <template #icon>
@ -58,11 +58,11 @@
<UserAvatar :user="n.from_user.name" size="lg" /> <UserAvatar :user="n.from_user.name" size="lg" />
</div> </div>
<div> <div>
<div class="mb-2 space-x-1 leading-5 text-gray-700"> <div class="mb-2 space-x-1 leading-5 text-gray-600">
<span class="font-medium text-gray-900"> <span class="font-medium text-gray-900">
{{ n.from_user.full_name }} {{ n.from_user.full_name }}
</span> </span>
<span>mentioned you in {{ n.reference_doctype }}</span> <span>{{ __('mentioned you in ') + n.reference_doctype }}</span>
<span class="font-medium text-gray-900"> <span class="font-medium text-gray-900">
{{ n.reference_name }} {{ n.reference_name }}
</span> </span>
@ -79,7 +79,7 @@
> >
<NotificationsIcon class="h-20 w-20 text-gray-300" /> <NotificationsIcon class="h-20 w-20 text-gray-300" />
<div class="text-lg font-medium text-gray-500"> <div class="text-lg font-medium text-gray-500">
No new notifications {{ __('No new notifications') }}
</div> </div>
</div> </div>
</div> </div>
@ -90,7 +90,6 @@ import MarkAsDoneIcon from '@/components/Icons/MarkAsDoneIcon.vue'
import NotificationsIcon from '@/components/Icons/NotificationsIcon.vue' import NotificationsIcon from '@/components/Icons/NotificationsIcon.vue'
import UserAvatar from '@/components/UserAvatar.vue' import UserAvatar from '@/components/UserAvatar.vue'
import { notificationsStore } from '@/stores/notifications' import { notificationsStore } from '@/stores/notifications'
import { globalStore } from '@/stores/global'
import { timeAgo } from '@/utils' import { timeAgo } from '@/utils'
import { onClickOutside } from '@vueuse/core' import { onClickOutside } from '@vueuse/core'
import { Tooltip } from 'frappe-ui' import { Tooltip } from 'frappe-ui'