2022-08-19 17:10:32 +00:00
|
|
|
import { Modal } from 'web/components/layout/modal'
|
|
|
|
import { Col } from 'web/components/layout/col'
|
2022-08-19 20:37:16 +00:00
|
|
|
import {
|
|
|
|
BETTING_STREAK_BONUS_AMOUNT,
|
|
|
|
BETTING_STREAK_BONUS_MAX,
|
|
|
|
} from 'common/numeric-constants'
|
|
|
|
import { formatMoney } from 'common/util/format'
|
2022-08-19 17:10:32 +00:00
|
|
|
|
|
|
|
export function BettingStreakModal(props: {
|
|
|
|
isOpen: boolean
|
|
|
|
setOpen: (open: boolean) => void
|
|
|
|
}) {
|
|
|
|
const { isOpen, setOpen } = props
|
|
|
|
|
|
|
|
return (
|
|
|
|
<Modal open={isOpen} setOpen={setOpen}>
|
|
|
|
<Col className="items-center gap-4 rounded-md bg-white px-8 py-6">
|
|
|
|
<span className={'text-8xl'}>🔥</span>
|
|
|
|
<span>Betting streaks are here!</span>
|
|
|
|
<Col className={'gap-2'}>
|
|
|
|
<span className={'text-indigo-700'}>• What are they?</span>
|
|
|
|
<span className={'ml-2'}>
|
2022-08-19 20:37:16 +00:00
|
|
|
You get {formatMoney(BETTING_STREAK_BONUS_AMOUNT)} more for each day
|
|
|
|
of consecutive betting up to {formatMoney(BETTING_STREAK_BONUS_MAX)}
|
|
|
|
. The more days you bet in a row, the more you earn!
|
2022-08-19 17:10:32 +00:00
|
|
|
</span>
|
|
|
|
<span className={'text-indigo-700'}>
|
|
|
|
• Where can I check my streak?
|
|
|
|
</span>
|
|
|
|
<span className={'ml-2'}>
|
|
|
|
You can see your current streak on the top right of your profile
|
|
|
|
page.
|
|
|
|
</span>
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
</Modal>
|
|
|
|
)
|
|
|
|
}
|