From a5a865fd3b3a3cf788bcdcce089b87dab58cb88d Mon Sep 17 00:00:00 2001
From: srinidhi-2006-bit <egalasrinidhireddy7@gmail.com>
Date: Sun, 17 May 2026 17:39:04 +0530
Subject: [PATCH 1/2] feat: add descriptive tooltips to StreakTracker stat
 cards

---
 src/components/StreakTracker.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/StreakTracker.tsx b/src/components/StreakTracker.tsx
index 141e3227..811d6872 100644
--- a/src/components/StreakTracker.tsx
+++ b/src/components/StreakTracker.tsx
@@ -1,5 +1,5 @@
 "use client";
-
+import { InformationCircleIcon } from "@heroicons/react/24/outline";
 import { useCallback, useEffect, useState } from "react";
 import { useAccount } from "@/components/AccountContext";
 import { useCountUp } from "@/hooks/useCountUp";
@@ -279,7 +279,18 @@ export default function StreakTracker() {
                 </span>
               )}
             </div>
-            <div className="mt-1 text-xs text-[var(--muted-foreground)]">{stat.label}</div>
+            <div className="mt-1 flex items-center justify-center gap-1 text-xs text-[var(--muted-foreground)]">
+            <span>{stat.label}</span>
+
+            <button
+              type="button"
+              title={stat.tooltip}
+              aria-label={stat.tooltip}
+              className="text-[var(--muted-foreground)] hover:text-[var(--accent)] focus:outline-none"
+            >
+              <InformationCircleIcon className="h-3.5 w-3.5" />
+            </button>
+          </div>
           </div>
         ))}
       </div>

From 9f1d279ca09d312f90399e076592ca1545495cae Mon Sep 17 00:00:00 2001
From: srinidhi-2006-bit <egalasrinidhireddy7@gmail.com>
Date: Tue, 19 May 2026 12:23:55 +0530
Subject: [PATCH 2/2] fix: replace heroicons dependency with inline svg

---
 src/components/StreakTracker.tsx | 38 ++++++++++++++++++++++----------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/components/StreakTracker.tsx b/src/components/StreakTracker.tsx
index 811d6872..709d8571 100644
--- a/src/components/StreakTracker.tsx
+++ b/src/components/StreakTracker.tsx
@@ -1,5 +1,4 @@
 "use client";
-import { InformationCircleIcon } from "@heroicons/react/24/outline";
 import { useCallback, useEffect, useState } from "react";
 import { useAccount } from "@/components/AccountContext";
 import { useCountUp } from "@/hooks/useCountUp";
@@ -266,7 +265,7 @@ export default function StreakTracker() {
                 : "bg-[var(--control)]"
             }`}
           >
-            <div className="text-xl mb-1" title={stat.tooltip} aria-label={stat.tooltip} role="img">{stat.icon}</div>
+          <div className="text-xl mb-1" title={stat.tooltip} aria-label={stat.tooltip} role="img">{stat.icon}</div>
             <div
               className={`text-2xl font-bold ${
                 stat.highlight ? "text-[var(--accent)]" : "text-[var(--accent)]"
@@ -280,17 +279,32 @@ export default function StreakTracker() {
               )}
             </div>
             <div className="mt-1 flex items-center justify-center gap-1 text-xs text-[var(--muted-foreground)]">
-            <span>{stat.label}</span>
+              <span>{stat.label}</span>
 
-            <button
-              type="button"
-              title={stat.tooltip}
-              aria-label={stat.tooltip}
-              className="text-[var(--muted-foreground)] hover:text-[var(--accent)] focus:outline-none"
-            >
-              <InformationCircleIcon className="h-3.5 w-3.5" />
-            </button>
-          </div>
+              <button
+                type="button"
+                title={stat.tooltip}
+                aria-label={stat.tooltip}
+                className="text-[var(--muted-foreground)] hover:text-[var(--accent)] focus:outline-none"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="14"
+                  height="14"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  aria-hidden="true"
+                >
+                  <circle cx="12" cy="12" r="10" />
+                  <line x1="12" y1="16" x2="12" y2="12" />
+                  <line x1="12" y1="8" x2="12.01" y2="8" />
+                </svg>
+              </button>
+            </div>
           </div>
         ))}
       </div>