diff --git a/frontend/src/pages/ProfilePage.module.css b/frontend/src/pages/ProfilePage.module.css index a010046..0cf57cb 100644 --- a/frontend/src/pages/ProfilePage.module.css +++ b/frontend/src/pages/ProfilePage.module.css @@ -201,6 +201,11 @@ color: var(--text-muted); border: 1px solid var(--border-subtle); } +.badgePending { + background: rgba(75, 183, 248, 0.1); + color: var(--primary); + border: 1px solid rgba(75, 183, 248, 0.2); +} /* ── Fun stats ── */ .funStats { display: flex; flex-direction: column; gap: 12px; } diff --git a/frontend/src/pages/ProfilePage.tsx b/frontend/src/pages/ProfilePage.tsx index 5348eb2..c5999a3 100644 --- a/frontend/src/pages/ProfilePage.tsx +++ b/frontend/src/pages/ProfilePage.tsx @@ -73,21 +73,20 @@ export default function ProfilePage() { if (loading) return
; if (!stats) return
Profil nicht verfügbar.
; - const evaluatedTips = tips.filter(t => t.points !== null); - const recentTips = evaluatedTips.slice(0, 10); + const recentTips = tips.slice(0, 10); const favTip = mostCommonTip(tips); const homePct = homeWinPct(tips); function pointBadgeClass(points: number | null) { - if (points === null) return ''; + if (points === null) return styles.badgePending; if (points >= 3) return styles.badgeExact; if (points >= 1) return styles.badgeTendency; return styles.badgeWrong; } function pointLabel(points: number | null) { - if (points === null) return ''; + if (points === null) return '⏳'; if (points >= 3) return `${points} Pkt ✓✓`; if (points >= 1) return `${points} Pkt ✓`; return `${points} Pkt ✗`; @@ -203,7 +202,7 @@ export default function ProfilePage() {
📊 Tipps abgegeben - {stats.tipsCount} + {tips.length}