mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 07:09:07 +03:00
Francesco Sansalvadore
d00b3d199f
* lwx word * add secret ticket * add secret ticket assets * cleanup * secret ticket copy * update mobile ticket * add loading state after claiming ticket * update matched letter styling * improve game logic and github signin * update og functions * rebuild * properly remove game event listenere * bigger compliment * remove weird file
21 lines
745 B
TypeScript
21 lines
745 B
TypeScript
import React from 'react'
|
|
import useWinningChances from '../hooks/useWinningChances'
|
|
|
|
export default function ReferralIndicator() {
|
|
const winningChances = useWinningChances()
|
|
|
|
return (
|
|
<div className="bg-[#EAEAEA75] rounded-full mt-4 flex w-full">
|
|
<div
|
|
className={[
|
|
'bg-gradient-to-l from-[#A141E4] w-1/3 to-[#6300F569] flex items-center rounded-full pl-4 pr-6 py-1.5 text-xs shadow-[inset_0_0_2px_#ffffff50,0_0_1px_#00000050]',
|
|
winningChances === 2 && 'w-2/3',
|
|
winningChances === 3 && '!w-full bg-gradient-to-l from-[#E4B641] to-[#F5BF0069]',
|
|
].join(' ')}
|
|
>
|
|
<span style={{ textShadow: '0 0 4px #00000050' }}>{winningChances}x chance</span>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|