From 6dc320ae43d79837cf7048912a258ecc4ddc1ce6 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 14 Sep 2022 15:57:56 -0500
Subject: [PATCH] Add streak grayed out indicator

---
 web/pages/experimental/home/index.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/pages/experimental/home/index.tsx b/web/pages/experimental/home/index.tsx
index b425bf03..9802224b 100644
--- a/web/pages/experimental/home/index.tsx
+++ b/web/pages/experimental/home/index.tsx
@@ -39,6 +39,7 @@ import { calculatePortfolioProfit } from 'common/calculate-metrics'
 import { GroupCard } from 'web/pages/groups'
 import { chooseRandomSubset } from 'common/util/random'
 import { MenuButton } from 'web/components/nav/menu'
+import { hasCompletedStreakToday } from 'web/components/profile/betting-streak-modal'
 
 export default function Home() {
   const user = useUser()
@@ -249,7 +250,13 @@ function DailyProfitAndBalance(props: {
       </Col>
       <Col>
         <div className="text-gray-500">Streak</div>
-        <Row className={clsx(className, 'items-center text-lg')}>
+        <Row
+          className={clsx(
+            className,
+            'items-center text-lg',
+            user && !hasCompletedStreakToday(user) && 'grayscale'
+          )}
+        >
           <span>🔥 {user?.currentBettingStreak ?? 0}</span>
         </Row>
       </Col>