Admin/han-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Первая постановка на уведомления

Browse Source
This commit is contained in:
mi
2026-07-26 13:20:23 +03:00
parent 8c3c454998
commit 8822ae609f
15 changed files with 698 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files
figma/src/app/pages/NotificationDetail.tsx
+10 -25
View File
@@ -1,5 +1,5 @@
import { useNavigate, useParams } from 'react-router';
import { ArrowLeft, Calendar, AlertCircle, Bell, CheckCircle, EyeOff, Clock } from 'lucide-react';
import { ArrowLeft, Calendar, AlertCircle, Bell, CheckCircle, Clock } from 'lucide-react';
import { companyMessages, dismissMessage } from '../data/companyMessages';
function getIcon(type: 'urgent' | 'reminder' | 'info', className = 'w-5 h-5') {
@@ -52,11 +52,6 @@ export function NotificationDetail() {
navigate('/');
};
const handleHide = () => {
dismissMessage(notification.id);
navigate('/');
};
const handleLater = () => navigate('/');
return (
@@ -123,31 +118,21 @@ export function NotificationDetail() {
</div>
{/* Кнопки */}
<div className="border-t border-border/40 p-4 space-y-2 bg-background">
<div className="border-t border-border/40 p-4 flex gap-2 bg-background">
<button
onClick={handleComplete}
className="w-full bg-primary text-primary-foreground rounded-lg px-4 py-3 font-medium flex items-center justify-center gap-2 hover:bg-primary/90 transition-colors"
className="flex-1 bg-primary text-primary-foreground rounded-lg px-4 py-3 font-medium flex items-center justify-center gap-2 hover:bg-primary/90 transition-colors"
>
<CheckCircle className="w-4 h-4" />
Готово
</button>
<div className="flex gap-2">
<button
onClick={handleLater}
className="flex-1 bg-muted text-foreground rounded-lg px-4 py-2.5 text-sm font-medium flex items-center justify-center gap-2 hover:bg-muted/80 transition-colors"
>
<Clock className="w-4 h-4" />
Сделаю позже
</button>
<button
onClick={handleHide}
className="flex-1 bg-muted text-muted-foreground rounded-lg px-4 py-2.5 text-sm font-medium flex items-center justify-center gap-2 hover:bg-muted/80 transition-colors"
>
<EyeOff className="w-4 h-4" />
Скрыть
</button>
</div>
<button
onClick={handleLater}
className="flex-1 bg-muted text-foreground rounded-lg px-4 py-3 font-medium flex items-center justify-center gap-2 hover:bg-muted/80 transition-colors"
>
<Clock className="w-4 h-4" />
Сделаю позже
</button>
</div>
</div>
);