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

refactor: remove extra elem, de-indent

Browse Source
This commit is contained in:
Sinclair Chen 2022-05-12 17:21:24 -04:00
parent b53de2239c
commit 6be21d101a
2 changed files with 49 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/components/bet-row.tsx
View File

@ -2,7 +2,6 @@ import { useState } from 'react'
import clsx from 'clsx' import clsx from 'clsx'
import { BetPanelSwitcher } from './bet-panel' import { BetPanelSwitcher } from './bet-panel'
import { Row } from './layout/row'
import { YesNoSelector } from './yes-no-selector' import { YesNoSelector } from './yes-no-selector'
import { Binary, CPMM, DPM, FullContract } from 'common/contract' import { Binary, CPMM, DPM, FullContract } from 'common/contract'
import { Modal } from './layout/modal' import { Modal } from './layout/modal'

100
web/components/contract/contract-details.tsx
View File

@ -77,68 +77,66 @@ export function ContractDetails(props: {
const { volumeLabel, createdDate, resolvedDate } = contractMetrics(contract) const { volumeLabel, createdDate, resolvedDate } = contractMetrics(contract)
return ( return (
<Col className="gap-2 text-sm text-gray-500 sm:flex-row sm:flex-wrap"> <Row className="flex-1 flex-wrap items-center gap-x-4 gap-y-3 text-sm text-gray-500">
<Row className="flex-1 flex-wrap items-center gap-x-4 gap-y-3"> <Row className="items-center gap-2">
<Row className="items-center gap-2"> <Avatar
<Avatar username={creatorUsername}
avatarUrl={contract.creatorAvatarUrl}
noLink={disabled}
size={6}
/>
{disabled ? (
creatorName
) : (
<UserLink
className="whitespace-nowrap"
name={creatorName}
username={creatorUsername} username={creatorUsername}
avatarUrl={contract.creatorAvatarUrl}
noLink={disabled}
size={6}
/> />
{disabled ? ( )}
creatorName </Row>
) : (
<UserLink
className="whitespace-nowrap"
name={creatorName}
username={creatorUsername}
/>
)}
</Row>
{(!!closeTime || !!resolvedDate) && ( {(!!closeTime || !!resolvedDate) && (
<Row className="items-center gap-1"> <Row className="items-center gap-1">
<ClockIcon className="h-5 w-5" /> <ClockIcon className="h-5 w-5" />
{/* <DateTimeTooltip text="Market created:" time={contract.createdTime}> {/* <DateTimeTooltip text="Market created:" time={contract.createdTime}>
{createdDate} {createdDate}
</DateTimeTooltip> */} </DateTimeTooltip> */}
{resolvedDate && contract.resolutionTime ? ( {resolvedDate && contract.resolutionTime ? (
<> <>
{/* {' - '} */} {/* {' - '} */}
<DateTimeTooltip <DateTimeTooltip
text="Market resolved:" text="Market resolved:"
time={contract.resolutionTime} time={contract.resolutionTime}
> >
{resolvedDate} {resolvedDate}
</DateTimeTooltip> </DateTimeTooltip>
</> </>
) : null} ) : null}
{!resolvedDate && closeTime && ( {!resolvedDate && closeTime && (
<> <>
{/* {' - '}{' '} */} {/* {' - '}{' '} */}
<EditableCloseDate <EditableCloseDate
closeTime={closeTime} closeTime={closeTime}
contract={contract} contract={contract}
isCreator={isCreator ?? false} isCreator={isCreator ?? false}
/> />
</> </>
)} )}
</Row>
)}
<Row className="items-center gap-1">
<DatabaseIcon className="h-5 w-5" />
<div className="whitespace-nowrap">{volumeLabel}</div>
</Row> </Row>
)}
{!disabled && <ContractInfoDialog contract={contract} bets={bets} />} <Row className="items-center gap-1">
<DatabaseIcon className="h-5 w-5" />
<div className="whitespace-nowrap">{volumeLabel}</div>
</Row> </Row>
</Col>
{!disabled && <ContractInfoDialog contract={contract} bets={bets} />}
</Row>
) )
} }