-
+
+
+ {/* Заголовок страницы */}
+
-
-
История общения
-
Все ваши диалоги с HAN
-
+
Центр уведомлений
+ {messages.length > 0 && (
+
+ {messages.length}
+
+ )}
-
- {chatHistory.map((chat) => (
-
- ))}
-
+ {/* Список уведомлений */}
+ {messages.length > 0 ? (
+
+ {messages.map(msg => {
+ const colors = typeColors(msg.type);
+ return (
+
+ );
+ })}
+
+ ) : (
+
+
+
+
+
Всё актуально
+
Новых уведомлений нет
+
+ )}
+
);
diff --git a/figma/src/app/pages/NotificationDetail.tsx b/figma/src/app/pages/NotificationDetail.tsx
index 46a8f84..4c7475b 100644
--- a/figma/src/app/pages/NotificationDetail.tsx
+++ b/figma/src/app/pages/NotificationDetail.tsx
@@ -1,89 +1,70 @@
import { useNavigate, useParams } from 'react-router';
-import { ArrowLeft, Calendar, FileText, CheckCircle, EyeOff, Clock } from 'lucide-react';
+import { ArrowLeft, Calendar, AlertCircle, Bell, CheckCircle, EyeOff, Clock } from 'lucide-react';
+import { companyMessages, dismissMessage } from '../data/companyMessages';
-interface NotificationData {
- id: string;
- type: 'urgent' | 'reminder';
- icon: React.ReactNode;
- title: string;
- description: string;
- fullContent: string;
- deadline?: string;
- steps?: string[];
+function getIcon(type: 'urgent' | 'reminder' | 'info', className = 'w-5 h-5') {
+ if (type === 'urgent') return
;
+ if (type === 'reminder') return
;
+ return
;
}
-const notificationDetails: Record
= {
- '1': {
- id: '1',
- type: 'urgent',
- icon: ,
- title: 'Продление патента через 14 дней',
- description: 'Не забудьте подать документы заранее',
- fullContent: 'Ваш патент на работу истекает 19 июня 2026 года. Рекомендуем начать процесс продления заранее, чтобы избежать перерыва в легальном статусе.',
- deadline: '19 июня 2026',
- steps: [
- 'Подготовьте пакет документов (паспорт, миграционная карта, текущий патент)',
- 'Оплатите госпошлину и НДФЛ',
- 'Подайте документы в МФЦ или МВД',
- 'Получите новый патент в течение 10 рабочих дней'
- ]
- },
- '2': {
- id: '2',
- type: 'reminder',
- icon: ,
- title: 'Проверьте статус РВП',
- description: 'Возможно, уже готово к получению',
- fullContent: 'Прошло более 6 месяцев с момента подачи документов на РВП. Рекомендуем проверить готовность документа на сайте МВД или обратиться в отделение лично.',
- steps: [
- 'Зайдите на сайт гувм.мвд.рф',
- 'Проверьте статус по номеру заявления',
- 'При готовности запишитесь на получение',
- 'Подготовьте документы для получения РВП'
- ]
- }
-};
+function typeStyle(type: 'urgent' | 'reminder' | 'info') {
+ if (type === 'urgent') return {
+ wrapper: 'bg-destructive/10 text-destructive',
+ deadline: 'bg-destructive/6 border-destructive/20',
+ deadlineText: 'text-destructive',
+ step: 'bg-destructive/10 text-destructive',
+ };
+ if (type === 'reminder') return {
+ wrapper: 'bg-primary/10 text-primary',
+ deadline: 'bg-primary/5 border-primary/20',
+ deadlineText: 'text-primary',
+ step: 'bg-primary/10 text-primary',
+ };
+ return {
+ wrapper: 'bg-muted text-muted-foreground',
+ deadline: 'bg-muted border-border',
+ deadlineText: 'text-foreground',
+ step: 'bg-muted text-muted-foreground',
+ };
+}
export function NotificationDetail() {
const navigate = useNavigate();
const { id } = useParams();
- const notification = id ? notificationDetails[id] : null;
+ const notification = id ? companyMessages.find(m => m.id === id) : null;
if (!notification) {
return (
Уведомление не найдено
-
);
}
+ const style = typeStyle(notification.type);
+
const handleComplete = () => {
- // В реальном приложении здесь будет логика отметки уведомления как выполненного
+ dismissMessage(notification.id);
navigate('/');
};
const handleHide = () => {
- // В реальном приложении здесь будет логика скрытия уведомления
+ dismissMessage(notification.id);
navigate('/');
};
- const handleLater = () => {
- // В реальном приложении здесь будет логика напоминания позже
- navigate('/');
- };
+ const handleLater = () => navigate('/');
return (
- {/* Хедер с кнопкой назад */}
+ {/* Хедер */}