diff --git a/web/components/contract/contract-card.tsx b/web/components/contract/contract-card.tsx index 4c770310..10d9b2cd 100644 --- a/web/components/contract/contract-card.tsx +++ b/web/components/contract/contract-card.tsx @@ -68,7 +68,7 @@ export function ContractCard(props: {

} truncate="long" /> @@ -147,14 +148,15 @@ function getTopAnswer(contract: FreeResponseContract) { export function FreeResponseResolutionOrChance(props: { contract: FreeResponseContract truncate: 'short' | 'long' | 'none' + className?: string }) { - const { contract, truncate } = props + const { contract, truncate, className } = props const { resolution } = contract const topAnswer = getTopAnswer(contract) return ( - + {resolution ? ( <>

Resolved
@@ -162,13 +164,18 @@ export function FreeResponseResolutionOrChance(props: { contract={contract} resolution={resolution} truncate={truncate} + answerClassName="text-xl" /> ) : ( topAnswer && ( - - - + + +
{formatPercent(getOutcomeProbability(contract, topAnswer.id))}
diff --git a/web/components/outcome-label.tsx b/web/components/outcome-label.tsx index db286277..a2193684 100644 --- a/web/components/outcome-label.tsx +++ b/web/components/outcome-label.tsx @@ -1,3 +1,4 @@ +import clsx from 'clsx' import { Answer } from '../../common/answer' import { getProbability } from '../../common/calculate' import { @@ -59,8 +60,9 @@ export function FreeResponseOutcomeLabel(props: { contract: FreeResponseContract resolution: string | 'CANCEL' | 'MKT' truncate: 'short' | 'long' | 'none' + answerClassName?: string }) { - const { contract, resolution, truncate } = props + const { contract, resolution, truncate, answerClassName } = props if (resolution === 'CANCEL') return if (resolution === 'MKT') return @@ -68,7 +70,13 @@ export function FreeResponseOutcomeLabel(props: { const { answers } = contract const chosen = answers?.find((answer) => answer.id === resolution) if (!chosen) return - return + return ( + + ) } export function YesLabel() { @@ -103,8 +111,9 @@ export function AnswerNumberLabel(props: { number: string }) { export function AnswerLabel(props: { answer: Answer truncate: 'short' | 'long' | 'none' + className?: string }) { - const { answer, truncate } = props + const { answer, truncate, className } = props const { text } = answer let truncated = text @@ -114,5 +123,5 @@ export function AnswerLabel(props: { truncated = text.slice(0, 75) + '...' } - return {truncated} + return {truncated} }