diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx index 0d0f588f..c7f8cc86 100644 --- a/web/components/bets-list.tsx +++ b/web/components/bets-list.tsx @@ -24,6 +24,7 @@ import { import clsx from 'clsx' import { cloudFunction } from '../lib/firebase/api-call' import { ConfirmationButton } from './confirmation-button' +import { OutcomeLabel, YesLabel, NoLabel } from './outcome-label' export function BetsList(props: { user: User }) { const { user } = props @@ -302,26 +303,21 @@ function BetRow(props: { bet: Bet; contract: Contract; sale?: Bet }) { {formatWithCommas(shares)} - {bet.isSold - ? 'N/A' - : formatMoney( - isResolved - ? resolvedPayout(contract, bet) - : bet.sale - ? bet.sale.amount ?? 0 - : calculateSaleAmount(contract, bet) - )} + {sale ? ( + <>SOLD for {formatMoney(Math.abs(sale.amount))} + ) : ( + formatMoney( + isResolved + ? resolvedPayout(contract, bet) + : calculateSaleAmount(contract, bet) + ) + )} - {sale ? ( - SOLD for {formatMoney(Math.abs(sale.amount))} - ) : ( - !isResolved && - !isSold && ( - - - - ) + {!isResolved && !isSold && ( + + + )} ) @@ -358,28 +354,3 @@ function SellButton(props: { contract: Contract; bet: Bet }) { ) } - -function OutcomeLabel(props: { outcome: 'YES' | 'NO' | 'CANCEL' | 'MKT' }) { - const { outcome } = props - - if (outcome === 'YES') return - if (outcome === 'NO') return - if (outcome === 'MKT') return - return -} - -function YesLabel() { - return YES -} - -function NoLabel() { - return NO -} - -function CancelLabel() { - return N/A -} - -function MarketLabel() { - return MKT -} diff --git a/web/components/outcome-label.tsx b/web/components/outcome-label.tsx new file mode 100644 index 00000000..1eb8ac4f --- /dev/null +++ b/web/components/outcome-label.tsx @@ -0,0 +1,26 @@ +export function OutcomeLabel(props: { + outcome: 'YES' | 'NO' | 'CANCEL' | 'MKT' +}) { + const { outcome } = props + + if (outcome === 'YES') return + if (outcome === 'NO') return + if (outcome === 'MKT') return + return +} + +export function YesLabel() { + return YES +} + +export function NoLabel() { + return NO +} + +export function CancelLabel() { + return N/A +} + +export function MarketLabel() { + return MKT +}