112 lines
3.4 KiB
TypeScript
112 lines
3.4 KiB
TypeScript
|
import clsx from 'clsx'
|
||
|
|
import _ from 'lodash'
|
||
|
|
import { useState } from 'react'
|
||
|
|
|
||
|
|
import { Contract } from '../../../common/contract'
|
||
|
|
import { Col } from '../layout/col'
|
||
|
|
import { resolveMarket } from '../../lib/firebase/api-call'
|
||
|
|
import { Row } from '../layout/row'
|
||
|
|
import { ChooseCancelSelector } from '../yes-no-selector'
|
||
|
|
import { ResolveConfirmationButton } from '../confirmation-button'
|
||
|
|
import { removeUndefinedProps } from '../../../common/util/object'
|
||
|
|
|
||
|
|
export function AnswerResolvePanel(props: {
|
||
|
|
contract: Contract
|
||
|
|
resolveOption: 'CHOOSE' | 'CHOOSE_MULTIPLE' | 'CANCEL' | undefined
|
||
|
|
setResolveOption: (
|
||
|
|
option: 'CHOOSE' | 'CHOOSE_MULTIPLE' | 'CANCEL' | undefined
|
||
|
|
) => void
|
||
|
|
chosenAnswers: { [answerId: string]: number }
|
||
|
|
}) {
|
||
|
|
const { contract, resolveOption, setResolveOption, chosenAnswers } = props
|
||
|
|
const answers = Object.keys(chosenAnswers)
|
||
|
|
|
||
|
|
const [isSubmitting, setIsSubmitting] = useState(false)
|
||
|
|
const [error, setError] = useState<string | undefined>(undefined)
|
||
|
|
|
||
|
|
const onResolve = async () => {
|
||
|
|
if (resolveOption === 'CHOOSE' && answers.length !== 1) return
|
||
|
|
if (resolveOption === 'CHOOSE_MULTIPLE' && answers.length < 2) return
|
||
|
|
|
||
|
|
setIsSubmitting(true)
|
||
|
|
|
||
|
|
const totalProb = _.sum(Object.values(chosenAnswers))
|
||
|
|
const normalizedProbs = _.mapValues(
|
||
|
|
chosenAnswers,
|
||
|
|
(prob) => (100 * prob) / totalProb
|
||
|
|
)
|
||
|
|
|
||
|
|
const resolutionProps = removeUndefinedProps({
|
||
|
|
outcome:
|
||
|
|
resolveOption === 'CHOOSE'
|
||
|
|
? answers[0]
|
||
|
|
: resolveOption === 'CHOOSE_MULTIPLE'
|
||
|
|
? 'MKT'
|
||
|
|
: 'CANCEL',
|
||
|
|
resolutions:
|
||
|
|
resolveOption === 'CHOOSE_MULTIPLE' ? normalizedProbs : undefined,
|
||
|
|
contractId: contract.id,
|
||
|
|
})
|
||
|
|
|
||
|
|
const result = await resolveMarket(resolutionProps).then((r) => r.data)
|
||
|
|
|
||
|
|
console.log('resolved', resolutionProps, 'result:', result)
|
||
|
|
|
||
|
|
if (result?.status !== 'success') {
|
||
|
|
setError(result?.message || 'Error resolving market')
|
||
|
|
}
|
||
|
|
setResolveOption(undefined)
|
||
|
|
setIsSubmitting(false)
|
||
|
|
}
|
||
|
|
|
||
|
|
const resolutionButtonClass =
|
||
|
|
resolveOption === 'CANCEL'
|
||
|
|
? 'bg-yellow-400 hover:bg-yellow-500'
|
||
|
|
: resolveOption === 'CHOOSE' && answers.length
|
||
|
|
? 'btn-primary'
|
||
|
|
: resolveOption === 'CHOOSE_MULTIPLE' &&
|
||
|
|
answers.length > 1 &&
|
||
|
|
answers.every((answer) => chosenAnswers[answer] > 0)
|
||
|
|
? 'bg-blue-400 hover:bg-blue-500'
|
||
|
|
: 'btn-disabled'
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Col className="gap-4 p-4 bg-gray-50 rounded">
|
||
|
|
<div>Resolve your market</div>
|
||
|
|
<Col className="sm:flex-row sm:items-center gap-4">
|
||
|
|
<ChooseCancelSelector
|
||
|
|
className="sm:!flex-row sm:items-center"
|
||
|
|
selected={resolveOption}
|
||
|
|
onSelect={setResolveOption}
|
||
|
|
/>
|
||
|
|
|
||
|
|
<Row
|
||
|
|
className={clsx(
|
||
|
|
'flex-1 items-center',
|
||
|
|
resolveOption ? 'justify-between' : 'justify-end'
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
{resolveOption && (
|
||
|
|
<button
|
||
|
|
className="btn btn-ghost"
|
||
|
|
onClick={() => {
|
||
|
|
setResolveOption(undefined)
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
Clear
|
||
|
|
</button>
|
||
|
|
)}
|
||
|
|
<ResolveConfirmationButton
|
||
|
|
onResolve={onResolve}
|
||
|
|
isSubmitting={isSubmitting}
|
||
|
|
openModelButtonClass={resolutionButtonClass}
|
||
|
|
submitButtonClass={resolutionButtonClass}
|
||
|
|
/>
|
||
|
|
</Row>
|
||
|
|
</Col>
|
||
|
|
|
||
|
|
{!!error && <div className="text-red-500">{error}</div>}
|
||
|
|
</Col>
|
||
|
|
)
|
||
|
|
}
|