feat: consolidate punchcard heatmaps into single toggle component
All checks were successful
CI / cleanup-branch (push) Has been skipped
CI / build (push) Successful in 1m1s
CI / docker (push) Successful in 54s
CI / deploy-feature (push) Has been skipped
CI / deploy (push) Successful in 37s

Replace two separate Transaction/Error punchcard cards with a single
card containing a Transactions/Errors toggle. Uses internal state to
switch between modes without remounting the chart.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-30 15:45:22 +02:00
parent 52c22f1eb9
commit 4a91ca0774
4 changed files with 120 additions and 79 deletions

View File

@@ -456,14 +456,9 @@ export default function DashboardL1() {
onItemClick={(id) => navigate(`/dashboard/${id}`)}
/>
</Card>
<div className={styles.punchcardStack}>
<Card title="Transactions (7-day pattern)">
<PunchcardHeatmap cells={punchcardData ?? []} mode="transactions" />
</Card>
<Card title="Errors (7-day pattern)">
<PunchcardHeatmap cells={punchcardData ?? []} mode="errors" />
</Card>
</div>
<Card title="7-Day Pattern">
<PunchcardHeatmap cells={punchcardData ?? []} />
</Card>
</div>
)}
</div>