diff --git a/web/components/contract/bountied-contract-badge.tsx b/web/components/contract/bountied-contract-badge.tsx index b3e230cb..4b19df4c 100644 --- a/web/components/contract/bountied-contract-badge.tsx +++ b/web/components/contract/bountied-contract-badge.tsx @@ -12,15 +12,15 @@ export function BountiedContractBadge() { ) } -export function BountiedContractSmallBadge(props: { contract: Contract }) { - const { contract } = props +export function BountiedContractSmallBadge(props: { contract: Contract, showAmount?: boolean }) { + const { contract, showAmount } = props const { openCommentBounties } = contract if (!openCommentBounties) return
return ( - - Bountied Comments + + {showAmount && formatMoney(openCommentBounties)} Bounty ) diff --git a/web/components/contract/contract-tabs.tsx b/web/components/contract/contract-tabs.tsx index d29806b5..6bea13ed 100644 --- a/web/components/contract/contract-tabs.tsx +++ b/web/components/contract/contract-tabs.tsx @@ -25,13 +25,14 @@ import { import { buildArray } from 'common/util/array' import { ContractComment } from 'common/comment' -import { formatMoney } from 'common/util/format' import { Button } from 'web/components/button' import { MINUTE_MS } from 'common/util/time' import { useUser } from 'web/hooks/use-user' -import { COMMENT_BOUNTY_AMOUNT } from 'common/economy' import { Tooltip } from 'web/components/tooltip' -import { CommentBountiesTooltipText } from 'web/components/contract/bountied-contract-badge' +import { + BountiedContractSmallBadge, +} from 'web/components/contract/bountied-contract-badge' +import { Row } from '../layout/row' export function ContractTabs(props: { contract: Contract @@ -40,7 +41,6 @@ export function ContractTabs(props: { comments: ContractComment[] }) { const { contract, bets, userBets, comments } = props - const { openCommentBounties } = contract const yourTrades = (
@@ -52,14 +52,8 @@ export function ContractTabs(props: { const tabs = buildArray( { - title: `Comments`, - tooltip: openCommentBounties - ? CommentBountiesTooltipText(openCommentBounties) - : undefined, + title: 'Comments', content: , - inlineTabIcon: openCommentBounties ? ( - ({formatMoney(COMMENT_BOUNTY_AMOUNT)}) - ) : undefined, }, { title: capitalize(PAST_BETS), @@ -156,23 +150,28 @@ const CommentsTabContent = memo(function CommentsTabContent(props: { const topLevelComments = commentsByParent['_'] ?? [] return ( <> - + + + + + + + {topLevelComments.map((parent) => (