From fa75dbe111dbd44b8ce1e4c63733771055e3be0d Mon Sep 17 00:00:00 2001
From: Jason Ernst <ernstjason1@gmail.com>
Date: Thu, 19 Mar 2026 21:09:19 -0700
Subject: [PATCH] fix: merge duplicate class attributes in combined card SVG

SVG doesn't allow duplicate attributes on the same element. Combine
streak-number/stagger classes into a single class attribute.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/cards/combined.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/cards/combined.js b/src/cards/combined.js
index 533da15..c3acc6c 100644
--- a/src/cards/combined.js
+++ b/src/cards/combined.js
@@ -222,10 +222,10 @@ const renderCombinedCard = (data, options = {}) => {
         <path d="M 1.5 0.67 C 1.5 0.67 2.24 3.32 2.24 5.47 C 2.24 7.53 0.89 9.2 -1.17 9.2 C -3.23 9.2 -4.79 7.53 -4.79 5.47 L -4.76 5.11 C -6.78 7.51 -8 10.62 -8 13.99 C -8 18.41 -4.42 22 0 22 C 4.42 22 8 18.41 8 13.99 C 8 8.6 5.41 3.79 1.5 0.67 Z M -0.29 19 C -2.07 19 -3.51 17.6 -3.51 15.86 C -3.51 14.24 -2.46 13.1 -0.7 12.74 C 1.07 12.38 2.9 11.53 3.92 10.16 C 4.31 11.45 4.51 12.81 4.51 14.2 C 4.51 16.85 2.36 19 -0.29 19 Z" fill="${streakColor}" stroke-opacity="0" transform="scale(0.75)"/>
       </g>
       <!-- Current streak number -->
-      <text x="${streakCenterLeft}" y="52" text-anchor="middle" class="streak-number"
-        ${disable_animations ? "" : `class="stagger" style="animation-delay: 1800ms"`}>${streak.currentStreak}</text>
+      <text x="${streakCenterLeft}" y="52" text-anchor="middle" class="streak-number${disable_animations ? "" : " stagger"}"
+        ${disable_animations ? "" : `style="animation-delay: 1800ms"`}>${streak.currentStreak}</text>
       <!-- Current streak label -->
-      <text x="${streakCenterLeft}" y="72" text-anchor="middle" class="streak-label-current"
+      <text x="${streakCenterLeft}" y="72" text-anchor="middle" class="streak-label-current${disable_animations ? "" : " stagger"}"
         ${disable_animations ? "" : `style="animation-delay: 1950ms"`}>Current Streak</text>
       <!-- Current streak dates -->
       <text x="${streakCenterLeft}" y="88" text-anchor="middle" class="streak-dates">${currentDates}</text>
@@ -234,8 +234,8 @@ const renderCombinedCard = (data, options = {}) => {
       <line x1="${streakMid}" y1="8" x2="${streakMid}" y2="90" stroke="${borderColor}" stroke-width="1" opacity="0.5"/>
 
       <!-- Longest streak number -->
-      <text x="${streakCenterRight}" y="40" text-anchor="middle" class="streak-number"
-        ${disable_animations ? "" : `class="stagger" style="animation-delay: 2100ms"`}>${streak.longestStreak}</text>
+      <text x="${streakCenterRight}" y="40" text-anchor="middle" class="streak-number${disable_animations ? "" : " stagger"}"
+        ${disable_animations ? "" : `style="animation-delay: 2100ms"`}>${streak.longestStreak}</text>
       <!-- Longest streak label -->
       <text x="${streakCenterRight}" y="60" text-anchor="middle" class="streak-label">Longest Streak</text>
       <!-- Longest streak dates -->