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

Fix a dumb bug

Browse Source
This commit is contained in:
Marshall Polaris 2022-09-26 22:03:53 -07:00
parent b9376a725e
commit 6f69ecd087
4 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/charts/contract/binary.tsx
View File

@ -31,7 +31,7 @@ export const BinaryContractChart = (props: {
const isMobile = useIsMobile(800)
const containerRef = useRef<HTMLDivElement>(null)
const width = useElementWidth(containerRef) ?? 0
const height = props.height ?? isMobile ? 150 : 250
const height = props.height ?? (isMobile ? 150 : 250)
const xScale = scaleTime(getDateRange(contract), [0, width - MARGIN_X])
const yScale = scaleLinear([0, 1], [height - MARGIN_Y, 0])
return (

9
web/components/charts/contract/choice.tsx
View File

@ -12,7 +12,8 @@ import { useElementWidth } from 'web/hooks/use-element-width'
const getMultiChartData = (
contract: FreeResponseContract | MultipleChoiceContract,
bets: Bet[]
bets: Bet[],
topN: number
) => {
const { answers, totalBets, outcomeType } = contract
@ -32,7 +33,7 @@ const getMultiChartData = (
const trackedAnswers = sortBy(
validAnswers,
(answer) => -1 * getOutcomeProbability(contract, answer.id)
).slice(0, 10)
).slice(0, topN)
const points: MultiPoint[] = []
@ -78,13 +79,13 @@ export const ChoiceContractChart = (props: {
}) => {
const { contract, bets } = props
const data = useMemo(
() => getMultiChartData(contract, bets),
() => getMultiChartData(contract, bets, 6),
[contract, bets]
)
const isMobile = useIsMobile(800)
const containerRef = useRef<HTMLDivElement>(null)
const width = useElementWidth(containerRef) ?? 0
const height = props.height ?? isMobile ? 150 : 250
const height = props.height ?? (isMobile ? 150 : 250)
const xScale = scaleTime(getDateRange(contract), [0, width - MARGIN_X])
const yScale = scaleLinear([0, 1], [height - MARGIN_Y, 0])
return (

2
web/components/charts/contract/numeric.tsx
View File

@ -28,7 +28,7 @@ export const NumericContractChart = (props: {
const isMobile = useIsMobile(800)
const containerRef = useRef<HTMLDivElement>(null)
const width = useElementWidth(containerRef) ?? 0
const height = props.height ?? isMobile ? 150 : 250
const height = props.height ?? (isMobile ? 150 : 250)
const maxY = max(data.map((d) => d[1])) as number
const xScale = scaleLinear(
[contract.min, contract.max],

2
web/components/charts/contract/pseudo-numeric.tsx
View File

@ -36,7 +36,7 @@ export const PseudoNumericContractChart = (props: {
const isMobile = useIsMobile(800)
const containerRef = useRef<HTMLDivElement>(null)
const width = useElementWidth(containerRef) ?? 0
const height = props.height ?? isMobile ? 150 : 250
const height = props.height ?? (isMobile ? 150 : 250)
const scaleType = contract.isLogScale ? scaleLog : scaleLinear
const xScale = scaleTime(getDateRange(contract), [0, width - MARGIN_X])
const yScale = scaleType([contract.min, contract.max], [height - MARGIN_Y, 0])