From da45b37b8f67332cd5c8ef390ef1a386a0e553d3 Mon Sep 17 00:00:00 2001
From: WelldoneM <welldonematanga12@gmail.com>
Date: Wed, 6 Nov 2024 15:34:51 -0600
Subject: [PATCH] changing so that the calendar displays only purple fire icons
 instead of the gray ones

---
 src/pages/Streak.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Streak.jsx b/src/pages/Streak.jsx
index 152432d..c09dc04 100644
--- a/src/pages/Streak.jsx
+++ b/src/pages/Streak.jsx
@@ -29,7 +29,7 @@ const Streak = () => {
     const isCompleted = completedDatesSet.has(formattedDate)
     const isPastOrToday = formattedDate <= today
 
-    if (isPastOrToday) {
+    if (isPastOrToday && isCompleted) {
       return (
         <Box
           sx={{
@@ -41,8 +41,8 @@ const Streak = () => {
           <FireIcon
             sx={{
               fontSize: 16,
-              color: isCompleted ? 'primary.main' : 'gray',
-              animation: isCompleted ? 'burn-animation 2s infinite' : 'none',
+              color: 'primary.main',
+              animation: 'burn-animation 2s infinite',
             }}
           />
         </Box>