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

Move back to M

Browse Source
This commit is contained in:
Ian Philips 2022-08-30 09:18:07 -06:00
parent 162b4094a9
commit 4617189514
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
common/like.ts
View File

@ -5,4 +5,4 @@ export type Like = {
createdTime: number createdTime: number
tipTxnId?: string tipTxnId?: string
} }
export const LIKE_TIP_AMOUNT = 2 export const LIKE_TIP_AMOUNT = 5

19
web/components/contract/like-market-button.tsx
View File

@ -8,6 +8,8 @@ import toast from 'react-hot-toast'
import { formatMoney } from 'common/util/format' import { formatMoney } from 'common/util/format'
import { likeContract, unLikeContract } from 'web/lib/firebase/likes' import { likeContract, unLikeContract } from 'web/lib/firebase/likes'
import { LIKE_TIP_AMOUNT } from 'common/like' import { LIKE_TIP_AMOUNT } from 'common/like'
import { Col } from 'web/components/layout/col'
import clsx from 'clsx'
export function LikeMarketButton(props: { export function LikeMarketButton(props: {
contract: Contract contract: Contract
@ -33,16 +35,21 @@ export function LikeMarketButton(props: {
return ( return (
<Button <Button
size={'md'} size={'lg'}
className={'mb-1'} className={'mb-1'}
color={'gray-white'} color={'gray-white'}
onClick={onLike} onClick={onLike}
> >
{likedContractIds?.includes(contract.id) ? ( <Col className={'items-center justify-center'}>
<HeartIcon className="h-6 w-6 fill-red-500 text-red-500" /> <HeartIcon
) : ( className={clsx(
<HeartIcon className="h-6 w-6 text-gray-500" /> 'h-6 w-6',
)} likedContractIds?.includes(contract.id)
? 'fill-red-500 text-red-500'
: ''
)}
/>
</Col>
</Button> </Button>
) )
} }