Dashboard layout overhaul + fix Tremor chart colors and tooltips
All checks were successful
Build and Push Docker Image / build (push) Successful in 8m55s

- Restructure dashboard: score distribution + recently reviewed stacked in left column,
  full-width map at bottom, activity feed in middle row
- Show all jurors in scrollable workload list (not just top 5)
- Filter recently reviewed to exclude rejected/not-reviewed projects
- Filter transition audit logs from activity feed
- Remove completion progress bar from stat tile for equal card heights
- Fix all Tremor charts: switch hex colors to named palette (cyan/teal/emerald/amber/rose)
  to fix black bar rendering
- Fix transparent chart tooltips with global CSS overrides
- Remove tilted text labels from cross-round comparison charts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-20 23:09:06 +01:00
parent 213efdba87
commit 9f7b76b3cb
12 changed files with 223 additions and 186 deletions

View File

@@ -3,7 +3,7 @@
import { DonutChart, BarChart } from '@tremor/react'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Badge } from '@/components/ui/badge'
import { BRAND_COLORS } from './chart-theme'
import { TREMOR_CHART_COLORS } from './chart-theme'
interface DiversityData {
total: number
@@ -116,7 +116,7 @@ export function DiversityMetricsChart({ data }: DiversityMetricsProps) {
data={donutData}
category="value"
index="name"
colors={[...BRAND_COLORS] as string[]}
colors={[...TREMOR_CHART_COLORS]}
className="h-[400px]"
/>
) : (
@@ -136,7 +136,7 @@ export function DiversityMetricsChart({ data }: DiversityMetricsProps) {
data={categoryData}
index="category"
categories={['Count']}
colors={[BRAND_COLORS[0]] as string[]}
colors={['cyan']}
layout="horizontal"
yAxisWidth={120}
showLegend={false}
@@ -160,7 +160,7 @@ export function DiversityMetricsChart({ data }: DiversityMetricsProps) {
data={oceanIssueData}
index="issue"
categories={['Count']}
colors={[BRAND_COLORS[2]] as string[]}
colors={['teal']}
showLegend={false}
yAxisWidth={40}
className="h-[400px]"