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

contract tabs: use pre-existing tab component

Browse Source
This commit is contained in:
mantikoros 2022-04-08 15:51:18 -05:00
parent 5307c49fec
commit 5064108395
1 changed files with 7 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/components/contract/contract-tabs.tsx
View File

@ -9,6 +9,7 @@ import { useBets } from '../../hooks/use-bets'
import { ContractActivity } from '../feed/contract-activity' import { ContractActivity } from '../feed/contract-activity'
import { ContractBetsTable, MyBetsSummary } from '../bets-list' import { ContractBetsTable, MyBetsSummary } from '../bets-list'
import { Spacer } from '../layout/spacer' import { Spacer } from '../layout/spacer'
import { Tabs } from '../layout/tabs'
export function ContractTabs(props: { export function ContractTabs(props: {
contract: Contract contract: Contract
@ -18,8 +19,6 @@ export function ContractTabs(props: {
}) { }) {
const { contract, user, comments } = props const { contract, user, comments } = props
const [tab, setTab] = useState('timeline')
const bets = useBets(contract.id) ?? props.bets const bets = useBets(contract.id) ?? props.bets
// Decending creation time. // Decending creation time.
bets.sort((bet1, bet2) => bet2.createdTime - bet1.createdTime) bets.sort((bet1, bet2) => bet2.createdTime - bet1.createdTime)
@ -48,31 +47,11 @@ export function ContractTabs(props: {
) )
return ( return (
<> <Tabs
<div className="tabs"> tabs={[
<a { title: 'Timeline', content: activity },
className={clsx( { title: 'Your trades', content: yourTrades },
'tab tab-bordered', ]}
tab === 'timeline' && 'tab-active' />
)}
onClick={() => setTab('timeline')}
>
Timeline
</a>
<a
className={clsx(
'tab tab-bordered',
tab === 'your-trades' && 'tab-active'
)}
onClick={() => setTab('your-trades')}
>
Your trades
</a>
</div>
<Spacer h={4} />
{tab === 'timeline' ? activity : yourTrades}
</>
) )
} }