Add NOFX watermarks to charts and fix empty state internationalization

- Add NOFX watermark to ComparisonChart (competition page)
- Add NOFX watermark to EquityChart (dashboard page)
- Fix empty state handling and internationalization in CompetitionPage

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: tinkle-community <tinklefund@gmail.com>
This commit is contained in:
icy
2025-11-04 02:08:38 +08:00
parent ab41d5a73d
commit 14a0ef090e
3 changed files with 76 additions and 3 deletions

View File

@@ -233,7 +233,23 @@ export function ComparisonChart({ traders }: ComparisonChartProps) {
return (
<div>
<div style={{ borderRadius: '8px', overflow: 'hidden' }}>
<div style={{ borderRadius: '8px', overflow: 'hidden', position: 'relative' }}>
{/* NOFX Watermark */}
<div
style={{
position: 'absolute',
top: '20px',
right: '20px',
fontSize: '24px',
fontWeight: 'bold',
color: 'rgba(240, 185, 11, 0.15)',
zIndex: 10,
pointerEvents: 'none',
fontFamily: 'monospace'
}}
>
NOFX
</div>
<ResponsiveContainer width="100%" height={520}>
<LineChart data={displayData} margin={{ top: 20, right: 30, left: 20, bottom: 40 }}>
<defs>