open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add streak grayed out indicator

Browse Source
This commit is contained in:
James Grugett 2022-09-14 15:57:56 -05:00
parent 1d501ff88d
commit 6dc320ae43
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/pages/experimental/home/index.tsx
View File

@ -39,6 +39,7 @@ import { calculatePortfolioProfit } from 'common/calculate-metrics'
import { GroupCard } from 'web/pages/groups' import { GroupCard } from 'web/pages/groups'
import { chooseRandomSubset } from 'common/util/random' import { chooseRandomSubset } from 'common/util/random'
import { MenuButton } from 'web/components/nav/menu' import { MenuButton } from 'web/components/nav/menu'
import { hasCompletedStreakToday } from 'web/components/profile/betting-streak-modal'
export default function Home() { export default function Home() {
const user = useUser() const user = useUser()
@ -249,7 +250,13 @@ function DailyProfitAndBalance(props: {
</Col> </Col>
<Col> <Col>
<div className="text-gray-500">Streak</div> <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> <span>🔥 {user?.currentBettingStreak ?? 0}</span>
</Row> </Row>
</Col> </Col>