Day 10 完了

実装内容:
1. frontend/src/components/Navbar.tsx - 帳票出力リンク追加
2. frontend/src/app/reports/page.tsx - 帳票出力画面(PDFダウンロード)
API動作確認:
- /api/reports/kyosai/2025/ → HTTP 200 (76KB PDF)
- /api/reports/chusankan/2025/ → HTTP 200 (84KB PDF)
ブラウザで http://localhost:3000/reports から帳票ダウンロードが可能です。
次の工程に移りますか?
This commit is contained in:
Akira
2026-02-15 13:45:46 +09:00
parent 923dd5dece
commit 6334c6deaa
2 changed files with 125 additions and 1 deletions

View File

@@ -1,7 +1,7 @@
'use client';
import { useRouter, usePathname } from 'next/navigation';
import { LogOut, Wheat, MapPin } from 'lucide-react';
import { LogOut, Wheat, MapPin, FileText } from 'lucide-react';
import { logout } from '@/lib/api';
export default function Navbar() {
@@ -43,6 +43,17 @@ export default function Navbar() {
<MapPin className="h-4 w-4 mr-2" />
</button>
<button
onClick={() => router.push('/reports')}
className={`flex items-center px-3 py-2 text-sm rounded-md transition-colors ${
isActive('/reports') || pathname?.startsWith('/reports/')
? 'text-green-700 bg-green-50'
: 'text-gray-700 hover:text-gray-900 hover:bg-gray-100'
}`}
>
<FileText className="h-4 w-4 mr-2" />
</button>
</div>
</div>
<div className="flex items-center">