optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add missing translations for LocationsContent, Notifications, KYCFormRussia, TopBar
Some checks failed
Build Docker Image / build (push) Failing after 47s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-22 17:45:57 +07:00
parent ba49a8d24f
commit eb664c0387
12 changed files with 158 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/components/NovuNotificationBell.client.vue
View File

@@ -47,14 +47,14 @@
>
<!-- Header -->
<div class="flex items-center justify-between px-6 py-4 border-b border-base-300">
<h3 class="text-lg font-semibold text-base-content">Notifications</h3>
<h3 class="text-lg font-semibold text-base-content">{{ t('notifications.title') }}</h3>
<div class="flex items-center gap-3">
<button
v-if="unreadCount > 0"
@click="handleMarkAllAsRead"
class="text-sm text-primary hover:text-primary/80 font-medium"
>
Mark all as read
{{ t('notifications.markAllAsRead') }}
</button>
<button
@click="isOpen = false"
@@ -82,7 +82,7 @@
<svg class="w-12 h-12 text-base-content/30 mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6 6 0 10-12 0v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
</svg>
<p class="text-sm text-base-content/60">No notifications</p>
<p class="text-sm text-base-content/60">{{ t('notifications.empty') }}</p>
</div>
<!-- Notification Items -->
@@ -107,7 +107,7 @@
<!-- Content -->
<div class="flex-1 min-w-0">
<p class="text-sm text-base-content line-clamp-2">
{{ notification.content || notification.payload?.body || 'New notification' }}
{{ notification.content || notification.payload?.body || t('notifications.new') }}
</p>
<p class="mt-1 text-xs text-base-content/60">
{{ formatTime(notification.createdAt) }}
@@ -125,7 +125,7 @@
@click="isOpen = false"
class="text-xs text-primary hover:text-primary/80 font-medium"
>
All notifications
{{ t('notifications.viewAll') }}
</NuxtLink>
</div>
</div>
@@ -136,6 +136,8 @@
<script setup lang="ts">
import { onClickOutside } from '@vueuse/core'
const { t } = useI18n()
const props = defineProps<{
subscriberId: string
}>()
@@ -192,10 +194,10 @@ const formatTime = (dateString: string) => {
const diffHours = Math.floor(diffMins / 60)
const diffDays = Math.floor(diffHours / 24)
if (diffMins < 1) return 'Just now'
if (diffMins < 60) return `${diffMins} min ago`
if (diffHours < 24) return `${diffHours} h ago`
if (diffDays < 7) return `${diffDays} d ago`
if (diffMins < 1) return t('notifications.time.justNow')
if (diffMins < 60) return t('notifications.time.minutesAgo', { n: diffMins })
if (diffHours < 24) return t('notifications.time.hoursAgo', { n: diffHours })
if (diffDays < 7) return t('notifications.time.daysAgo', { n: diffDays })
return date.toLocaleDateString('ru-RU', { day: 'numeric', month: 'short' })
}