feat: achievement badge placeholders on profile page (Phase 2 prep)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-12 15:57:32 +02:00
parent 7e05df0e92
commit b51282c2da
3 changed files with 78 additions and 1 deletions
@@ -173,8 +173,22 @@ export default function DashboardPage(_props: Props) {
      </div>

      {/* Nudges */}
-      {nudges.length > 0 && (
+      {(streakBroken || nudges.length > 0) && (
        <div className={styles.nudges}>
+          {streakBroken && (
+            <div
+              className={`card ${styles.nudge} ${styles.nudgeStreak}`}
+              onClick={() => {
+                localStorage.removeItem(STREAK_KEY);
+                navigate('/spiele');
+              }}
+            >
+              <span className={styles.nudgeIcon}>💔</span>
+              <span className={styles.nudgeText}>
+                Deine {lastStreak}er-Serie ist gerissen! Starte eine neue.
+              </span>
+            </div>
+          )}
          {nudges.map((nudge, i) => (
            <div
              key={i}