aa052763f6
- .env.example: полный шаблон, защита секретов - .gitignore: явное исключение .env.* и секретов - layout.tsx: XSS — заменён dangerouslySetInnerHTML на next/script для SW - ESLint: no-console error (allow warn/error), ignore scripts/ - scripts/remove-console-logs.js: очистка console.log без glob - backend/routes/modules: README с планом рефакторинга крупных файлов - SECURITY.md: гид по секретам, XSS, CORS, auth, линту - .husky/pre-commit: запуск npm run lint + прочие правки приложения и бэкенда Co-authored-by: Cursor <cursoragent@cursor.com>
27 lines
1.4 KiB
TypeScript
27 lines
1.4 KiB
TypeScript
'use client';
|
||
import { useState, useEffect } from 'react';
|
||
import { PageLayout, DataTable, StatusBadge, EmptyState } from '@/components/ui';
|
||
|
||
export default function InboxPage() {
|
||
const [messages, setMessages] = useState([] as any[]);
|
||
const [loading, setLoading] = useState(true);
|
||
useEffect(() => {
|
||
setLoading(true); fetch('/api/v1/inbox').then(r => r.json()).then(d => { setMessages(d.items || []); setLoading(false); }); }, []);
|
||
return (
|
||
<>
|
||
{loading && <div className="fixed inset-0 bg-white/50 z-50 flex items-center justify-center"><div className="text-gray-500">⏳ Загрузка...</div></div>}
|
||
<PageLayout title="📥 Входящие" subtitle="Уведомления и сообщения">
|
||
{messages.length > 0 ? (
|
||
<DataTable columns={[
|
||
{ key: 'subject', label: 'Тема' },
|
||
{ key: 'from', label: 'От' },
|
||
{ key: 'type', label: 'Тип', render: (v: string) => <StatusBadge status={v} colorMap={{ alert: 'bg-red-500', info: 'bg-blue-500', task: 'bg-yellow-500' }} /> },
|
||
{ key: 'read', label: 'Прочитано', render: (v: boolean) => v ? '✅' : '📩' },
|
||
{ key: 'created_at', label: 'Дата', render: (v: string) => v ? new Date(v).toLocaleDateString('ru-RU') : '—' },
|
||
]} data={messages} />
|
||
) : <EmptyState message="Нет сообщений" />}
|
||
</PageLayout>
|
||
</>
|
||
);
|
||
}
|