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) => (