3e02feb221
- Expand NotificationRepository (unread list paginated, count, markRead ownership-scoped); new ActivityLogRepository (create, findByProject paginated) with deterministic created_at+id ordering - NotificationService (notifyOnEvent, resolveTargets for 8 event types, injectable SseBroadcaster for M8) + ActivityLogService (logActivity, listByProject) - NotificationEvent/SseEvent/SseBroadcaster types in lib/types - APIs: GET /api/notifications, POST /api/notifications/:id/read, GET /api/projects/:projectId/activity - Screens: notifications list + MarkReadButton, NotificationBadge in Header, project activity page + ProjectNav link - Unit tests for both repositories and services (28 new)
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
'use client';
|
|
|
|
import { useRouter } from 'next/navigation';
|
|
import type { PublicUser } from '@/lib/auth/getCurrentUser';
|
|
import { NotificationBadge } from '@/components/notifications/NotificationBadge';
|
|
|
|
export function Header({ user }: { user: PublicUser }) {
|
|
const router = useRouter();
|
|
|
|
async function handleLogout() {
|
|
await fetch('/api/auth/logout', { method: 'POST' });
|
|
router.push('/login');
|
|
router.refresh();
|
|
}
|
|
|
|
return (
|
|
<header className="flex items-center justify-between border-b bg-white px-6 py-3">
|
|
<a href="/dashboard" className="font-bold text-gray-800">
|
|
シンプルグループウェア
|
|
</a>
|
|
<nav className="flex items-center gap-4 text-sm">
|
|
<a href="/dashboard" className="text-gray-600 hover:underline">
|
|
ダッシュボード
|
|
</a>
|
|
<NotificationBadge />
|
|
<a href="/profile" className="text-gray-600 hover:underline">
|
|
{user.name} さん
|
|
</a>
|
|
<button
|
|
type="button"
|
|
onClick={handleLogout}
|
|
className="text-blue-600 hover:underline"
|
|
>
|
|
ログアウト
|
|
</button>
|
|
</nav>
|
|
</header>
|
|
);
|
|
}
|