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

Browse Source
This commit is contained in:
github-actions[bot] 2022-10-11 18:30:58 +00:00 committed by GitHub
commit be407ada75
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/components/contract/tip-button.tsx
View File

@ -17,9 +17,15 @@ export function TipButton(props: {
const { tipAmount, totalTipped, userTipped, isCompact, onClick, disabled } = const { tipAmount, totalTipped, userTipped, isCompact, onClick, disabled } =
props props
const tipDisplay = shortFormatNumber(Math.ceil(totalTipped / 10))
return ( return (
<Tooltip <Tooltip
text={disabled ? 'Tips' : `Tip ${formatMoney(tipAmount)}`} text={
disabled
? `Tips (${formatMoney(totalTipped)})`
: `Tip ${formatMoney(tipAmount)}`
}
placement="bottom" placement="bottom"
noTap noTap
noFade noFade
@ -47,12 +53,12 @@ export function TipButton(props: {
<div <div
className={clsx( className={clsx(
'bg-greyscale-5 absolute ml-3.5 mt-2 h-4 w-4 rounded-full align-middle text-white sm:mt-3 sm:h-5 sm:w-5 sm:px-1', 'bg-greyscale-5 absolute ml-3.5 mt-2 h-4 w-4 rounded-full align-middle text-white sm:mt-3 sm:h-5 sm:w-5 sm:px-1',
totalTipped > 99 tipDisplay.length > 2
? 'text-[0.4rem] sm:text-[0.5rem]' ? 'text-[0.4rem] sm:text-[0.5rem]'
: 'sm:text-2xs text-[0.5rem]' : 'sm:text-2xs text-[0.5rem]'
)} )}
> >
{shortFormatNumber(totalTipped)} {tipDisplay}
</div> </div>
)} )}
</Col> </Col>