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

hide comment bounty when market closed or resolved

Browse Source
This commit is contained in:
mantikoros 2022-10-09 17:14:20 -05:00
parent 565177b76f
commit 4b8d381da5
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/components/contract/bountied-contract-badge.tsx
View File

@ -3,9 +3,9 @@ import { useState } from 'react'
import { CurrencyDollarIcon } from '@heroicons/react/outline' import { CurrencyDollarIcon } from '@heroicons/react/outline'
import { Contract } from 'common/contract' import { Contract } from 'common/contract'
import { Tooltip } from 'web/components/tooltip'
import { formatMoney } from 'common/util/format'
import { COMMENT_BOUNTY_AMOUNT } from 'common/economy' import { COMMENT_BOUNTY_AMOUNT } from 'common/economy'
import { formatMoney } from 'common/util/format'
import { Tooltip } from 'web/components/tooltip'
import { CommentBountyDialog } from './comment-bounty-dialog' import { CommentBountyDialog } from './comment-bounty-dialog'
export function BountiedContractBadge() { export function BountiedContractBadge() {
@ -30,13 +30,20 @@ export function BountiedContractSmallBadge(props: {
const modal = ( const modal = (
<CommentBountyDialog open={open} setOpen={setOpen} contract={contract} /> <CommentBountyDialog open={open} setOpen={setOpen} contract={contract} />
) )
if (!openCommentBounties)
const bountiesClosed =
contract.isResolved || (contract.closeTime ?? Infinity) < Date.now()
if (!openCommentBounties) {
if (bountiesClosed) return <></>
return ( return (
<> <>
{modal} {modal}
<SmallBadge text="Add bounty" onClick={() => setOpen(true)} /> <SmallBadge text="Add bounty" onClick={() => setOpen(true)} />
</> </>
) )
}
const tooltip = `${contract.creatorName} may award ${formatMoney( const tooltip = `${contract.creatorName} may award ${formatMoney(
COMMENT_BOUNTY_AMOUNT COMMENT_BOUNTY_AMOUNT
@ -49,7 +56,7 @@ export function BountiedContractSmallBadge(props: {
{modal} {modal}
<SmallBadge <SmallBadge
text={`${formatMoney(openCommentBounties)} bounty`} text={`${formatMoney(openCommentBounties)} bounty`}
onClick={() => setOpen(true)} onClick={bountiesClosed ? undefined : () => setOpen(true)}
/> />
</Tooltip> </Tooltip>
) )
@ -57,11 +64,13 @@ export function BountiedContractSmallBadge(props: {
function SmallBadge(props: { text: string; onClick?: () => void }) { function SmallBadge(props: { text: string; onClick?: () => void }) {
const { text, onClick } = props const { text, onClick } = props
return ( return (
<button <button
onClick={onClick} onClick={onClick}
className={clsx( className={clsx(
'inline-flex items-center gap-1 whitespace-nowrap rounded-full bg-indigo-300 px-2 py-0.5 text-xs font-medium text-white' 'inline-flex items-center gap-1 whitespace-nowrap rounded-full bg-indigo-300 px-2 py-0.5 text-xs font-medium text-white',
!onClick && 'cursor-default'
)} )}
> >
<CurrencyDollarIcon className={'h4 w-4'} /> <CurrencyDollarIcon className={'h4 w-4'} />