feat(mobile): swap reports header to PageHeader

Plain h1 + p replaced with the mobile-aware PageHeader primitive so
the reports landing matches dashboard/settings.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt Ciaccio
2026-05-01 12:55:11 +02:00
parent 53cbee1d3d
commit c405124bc3

View File

@@ -3,6 +3,7 @@
import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation'; import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation';
import { GenerateReportForm } from '@/components/reports/generate-report-form'; import { GenerateReportForm } from '@/components/reports/generate-report-form';
import { ReportsList } from '@/components/reports/reports-list'; import { ReportsList } from '@/components/reports/reports-list';
import { PageHeader } from '@/components/shared/page-header';
export function ReportsPageClient() { export function ReportsPageClient() {
useRealtimeInvalidation({ useRealtimeInvalidation({
@@ -13,12 +14,10 @@ export function ReportsPageClient() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div> <PageHeader
<h1 className="text-2xl font-bold text-foreground">Reports</h1> title="Reports"
<p className="text-muted-foreground"> description="Generate and download port reports as PDF documents"
Generate and download port reports as PDF documents />
</p>
</div>
<GenerateReportForm /> <GenerateReportForm />
<ReportsList /> <ReportsList />