hide comment sort, trade tab if no items

This commit is contained in:
mantikoros 2022-10-02 16:47:46 -05:00
parent 39638a3888
commit 11bd658c68

View File

@ -53,7 +53,7 @@ export function ContractTabs(props: {
title: 'Comments', title: 'Comments',
content: <CommentsTabContent contract={contract} comments={comments} />, content: <CommentsTabContent contract={contract} comments={comments} />,
}, },
{ bets.length > 0 && {
title: capitalize(PAST_BETS), title: capitalize(PAST_BETS),
content: <BetsTabContent contract={contract} bets={bets} />, content: <BetsTabContent contract={contract} bets={bets} />,
}, },
@ -150,6 +150,7 @@ const CommentsTabContent = memo(function CommentsTabContent(props: {
<> <>
<ContractCommentInput className="mb-5" contract={contract} /> <ContractCommentInput className="mb-5" contract={contract} />
{comments.length > 0 && (
<Row className="mb-4 items-center"> <Row className="mb-4 items-center">
<Button <Button
size={'xs'} size={'xs'}
@ -163,12 +164,13 @@ const CommentsTabContent = memo(function CommentsTabContent(props: {
: '' : ''
} }
> >
Sorted by: {sort} Sort by: {sort}
</Tooltip> </Tooltip>
</Button> </Button>
<BountiedContractSmallBadge contract={contract} showAmount /> <BountiedContractSmallBadge contract={contract} showAmount />
</Row> </Row>
)}
{topLevelComments.map((parent) => ( {topLevelComments.map((parent) => (
<FeedCommentThread <FeedCommentThread