contract tabs: always show timeline tab

This commit is contained in:
mantikoros 2022-04-09 16:34:43 -05:00
parent 13300326fd
commit 6e38540d58

View File

@ -1,6 +1,3 @@
import { useState } from 'react'
import clsx from 'clsx'
import { Bet } from '../../../common/bet' import { Bet } from '../../../common/bet'
import { Contract } from '../../../common/contract' import { Contract } from '../../../common/contract'
import { Comment } from '../../lib/firebase/comments' import { Comment } from '../../lib/firebase/comments'
@ -35,13 +32,15 @@ export function ContractTabs(props: {
/> />
) )
if (!user || !userBets?.length) return activity
const yourTrades = ( const yourTrades = (
<div> <div>
<MyBetsSummary className="px-2" contract={contract} bets={userBets} /> <MyBetsSummary
className="px-2"
contract={contract}
bets={userBets ?? []}
/>
<Spacer h={6} /> <Spacer h={6} />
<ContractBetsTable contract={contract} bets={userBets} /> <ContractBetsTable contract={contract} bets={userBets ?? []} />
<Spacer h={12} /> <Spacer h={12} />
</div> </div>
) )
@ -50,7 +49,9 @@ export function ContractTabs(props: {
<Tabs <Tabs
tabs={[ tabs={[
{ title: 'Timeline', content: activity }, { title: 'Timeline', content: activity },
{ title: 'Your trades', content: yourTrades }, ...(!user || !userBets?.length
? []
: [{ title: 'Your trades', content: yourTrades }]),
]} ]}
/> />
) )