rename BetRow -> BetButton

This commit is contained in:
Sinclair Chen 2022-08-16 16:25:37 -07:00
parent a00857cb45
commit 1e2b48594c
4 changed files with 11 additions and 11 deletions

View File

@ -9,8 +9,8 @@ import { useUserContractBets } from 'web/hooks/use-user-bets'
import { useSaveBinaryShares } from './use-save-binary-shares' import { useSaveBinaryShares } from './use-save-binary-shares'
import { Col } from './layout/col' import { Col } from './layout/col'
// Inline version of a bet panel. Opens BetPanel in a new modal. /** Button that opens BetPanel in a new modal */
export default function BetRow(props: { export default function BetButton(props: {
contract: CPMMBinaryContract | PseudoNumericContract contract: CPMMBinaryContract | PseudoNumericContract
className?: string className?: string
btnClassName?: string btnClassName?: string

View File

@ -15,7 +15,7 @@ import {
PseudoNumericResolutionOrExpectation, PseudoNumericResolutionOrExpectation,
} from './contract-card' } from './contract-card'
import { Bet } from 'common/bet' import { Bet } from 'common/bet'
import BetRow from '../bet-row' import BetButton from '../bet-button'
import { AnswersGraph } from '../answers/answers-graph' import { AnswersGraph } from '../answers/answers-graph'
import { Contract, CPMMBinaryContract } from 'common/contract' import { Contract, CPMMBinaryContract } from 'common/contract'
import { ContractDescription } from './contract-description' import { ContractDescription } from './contract-description'
@ -73,18 +73,18 @@ export const ContractOverview = (props: {
<BinaryResolutionOrChance contract={contract} /> <BinaryResolutionOrChance contract={contract} />
{tradingAllowed(contract) && ( {tradingAllowed(contract) && (
<BetRow contract={contract as CPMMBinaryContract} /> <BetButton contract={contract as CPMMBinaryContract} />
)} )}
</Row> </Row>
) : isPseudoNumeric ? ( ) : isPseudoNumeric ? (
<Row className="items-center justify-between gap-4 xl:hidden"> <Row className="items-center justify-between gap-4 xl:hidden">
<PseudoNumericResolutionOrExpectation contract={contract} /> <PseudoNumericResolutionOrExpectation contract={contract} />
{tradingAllowed(contract) && <BetRow contract={contract} />} {tradingAllowed(contract) && <BetButton contract={contract} />}
</Row> </Row>
) : isPseudoNumeric ? ( ) : isPseudoNumeric ? (
<Row className="items-center justify-between gap-4 xl:hidden"> <Row className="items-center justify-between gap-4 xl:hidden">
<PseudoNumericResolutionOrExpectation contract={contract} /> <PseudoNumericResolutionOrExpectation contract={contract} />
{tradingAllowed(contract) && <BetRow contract={contract} />} {tradingAllowed(contract) && <BetButton contract={contract} />}
</Row> </Row>
) : ( ) : (
(outcomeType === 'FREE_RESPONSE' || (outcomeType === 'FREE_RESPONSE' ||

View File

@ -19,7 +19,7 @@ import { BinaryResolutionOrChance } from '../contract/contract-card'
import { SiteLink } from '../site-link' import { SiteLink } from '../site-link'
import { Col } from '../layout/col' import { Col } from '../layout/col'
import { UserLink } from '../user-page' import { UserLink } from '../user-page'
import BetRow from '../bet-row' import BetButton from '../bet-button'
import { Avatar } from '../avatar' import { Avatar } from '../avatar'
import { ActivityItem } from './activity-items' import { ActivityItem } from './activity-items'
import { useUser } from 'web/hooks/use-user' import { useUser } from 'web/hooks/use-user'
@ -76,7 +76,7 @@ export function FeedItems(props: {
) : ( ) : (
outcomeType === 'BINARY' && outcomeType === 'BINARY' &&
tradingAllowed(contract) && ( tradingAllowed(contract) && (
<BetRow <BetButton
contract={contract as CPMMBinaryContract} contract={contract as CPMMBinaryContract}
className={clsx('mb-2', betRowClassName)} className={clsx('mb-2', betRowClassName)}
/> />

View File

@ -2,7 +2,7 @@ import { Bet } from 'common/bet'
import { Contract, CPMMBinaryContract } from 'common/contract' import { Contract, CPMMBinaryContract } from 'common/contract'
import { DOMAIN } from 'common/envs/constants' import { DOMAIN } from 'common/envs/constants'
import { AnswersGraph } from 'web/components/answers/answers-graph' import { AnswersGraph } from 'web/components/answers/answers-graph'
import BetRow from 'web/components/bet-row' import BetButton from 'web/components/bet-button'
import { import {
BinaryResolutionOrChance, BinaryResolutionOrChance,
FreeResponseResolutionOrChance, FreeResponseResolutionOrChance,
@ -117,7 +117,7 @@ export function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
{isBinary && ( {isBinary && (
<Row className="items-center gap-4"> <Row className="items-center gap-4">
{tradingAllowed(contract) && ( {tradingAllowed(contract) && (
<BetRow <BetButton
contract={contract as CPMMBinaryContract} contract={contract as CPMMBinaryContract}
betPanelClassName="scale-75" betPanelClassName="scale-75"
/> />
@ -129,7 +129,7 @@ export function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
{isPseudoNumeric && ( {isPseudoNumeric && (
<Row className="items-center gap-4"> <Row className="items-center gap-4">
{tradingAllowed(contract) && ( {tradingAllowed(contract) && (
<BetRow contract={contract} betPanelClassName="scale-75" /> <BetButton contract={contract} betPanelClassName="scale-75" />
)} )}
<PseudoNumericResolutionOrExpectation contract={contract} /> <PseudoNumericResolutionOrExpectation contract={contract} />
</Row> </Row>