From 90315a112a0a3287615a330132f78f3b2a7bc5e8 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Wed, 8 Apr 2026 11:35:30 +0700
Subject: [PATCH] add translate for notifications

---
 src/app/styles/pages-styles.scss                | 3 ++-
 src/app/ui/header/notificationsButton.tsx       | 5 +++--
 src/app/ui/notifications/notifications-list.tsx | 8 +++++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index 42a79b7..e0ca933 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -5175,7 +5175,8 @@
 			&-text {
 				color: v.$text-s;
 				margin-bottom: 4px;
-				font-weight: 600;
+				font-weight: 800;
+				font-size: 16px;
 			}
 
 			&-status {
diff --git a/src/app/ui/header/notificationsButton.tsx b/src/app/ui/header/notificationsButton.tsx
index 725ae2d..4542d44 100644
--- a/src/app/ui/header/notificationsButton.tsx
+++ b/src/app/ui/header/notificationsButton.tsx
@@ -11,12 +11,13 @@ import { useQueryClient } from '@tanstack/react-query';
 import { formatDate } from '@/app/lib/formatDate';
 
 export default function NotificationsButton() {
+	const t = useTranslations('Global');
+	const norificationTranslate = useTranslations('Notifications');
 	const [isOpen, setIsOpen] = useState(false);
 	const [error, setError] = useState<string | null>(null);
 	const menuRef = useRef<HTMLDivElement | null>(null);
 	const [loadingIds, setLoadingIds] = useState<Set<number>>(new Set());
 	const [isMarkingAll, setIsMarkingAll] = useState(false);
-	const t = useTranslations('Global');
 
 	const { data: notificationList } = useActiveNotifications();
 	const queryClient = useQueryClient();
@@ -134,7 +135,7 @@ export default function NotificationsButton() {
 												</div> */}
 
 													<div className="notification-text">
-														{item.message}
+														{norificationTranslate.has(item.message) ? norificationTranslate(item.message): item.message}
 													</div>
 
 													<button
diff --git a/src/app/ui/notifications/notifications-list.tsx b/src/app/ui/notifications/notifications-list.tsx
index 882d97a..b093543 100644
--- a/src/app/ui/notifications/notifications-list.tsx
+++ b/src/app/ui/notifications/notifications-list.tsx
@@ -10,6 +10,7 @@ import { formatDate, formatDateTime } from '@/app/lib/formatDate';
 
 export function NotificationsList() {
 	const t = useTranslations('Global');
+	const norificationTranslate = useTranslations('Notifications');
 	const queryClient = useQueryClient();
 
 	const [selectedFiles, setSelectedFiles] = useState<Set<number>>(new Set());
@@ -170,6 +171,7 @@ export function NotificationsList() {
 			>
 				{(allNotifications?.notifications.length !== 0) && (
 					allNotifications?.notifications.map(item => {
+						console.log(item);
 						return (
 							<div
 								className={`notification-item ${loadingIds.has(item.id) ? 'loading' : ''} ${item.status}`}
@@ -195,11 +197,11 @@ export function NotificationsList() {
 									<div
 										className="notification-header"
 									>
-										<div
+										{/* <div
 											className="notification-title"
 										>
 											{item.type} {item.id}
-										</div>
+										</div> */}
 										{/* 										<div
 											className="notification-status"
 										>
@@ -209,7 +211,7 @@ export function NotificationsList() {
 									<div
 										className="notification-text"
 									>
-										{item.message}
+										{norificationTranslate.has(item.message) ? norificationTranslate(item.message): item.message}
 									</div>
 									<div
 										className="notification-footer"