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

Keep answers when switching market type

Browse Source
This commit is contained in:
Sinclair Chen 2022-08-11 14:30:54 -07:00
parent 8392bb2944
commit 0fc8e2bcc0
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/answers/multiple-choice-answers.tsx
View File

@ -7,20 +7,19 @@ import { Col } from '../layout/col'
import { Row } from '../layout/row' import { Row } from '../layout/row'
export function MultipleChoiceAnswers(props: { export function MultipleChoiceAnswers(props: {
answers: string[]
setAnswers: (answers: string[]) => void setAnswers: (answers: string[]) => void
}) { }) {
const [answers, setInternalAnswers] = useState(['', '', '']) const { answers, setAnswers } = props
const setAnswer = (i: number, answer: string) => { const setAnswer = (i: number, answer: string) => {
const newAnswers = setElement(answers, i, answer) const newAnswers = setElement(answers, i, answer)
setInternalAnswers(newAnswers) setAnswers(newAnswers)
props.setAnswers(newAnswers)
} }
const removeAnswer = (i: number) => { const removeAnswer = (i: number) => {
const newAnswers = answers.slice(0, i).concat(answers.slice(i + 1)) const newAnswers = answers.slice(0, i).concat(answers.slice(i + 1))
setInternalAnswers(newAnswers) setAnswers(newAnswers)
props.setAnswers(newAnswers)
} }
const addAnswer = () => setAnswer(answers.length, '') const addAnswer = () => setAnswer(answers.length, '')

5
web/pages/create.tsx
View File

@ -120,7 +120,8 @@ export function NewContract(props: {
const [isLogScale, setIsLogScale] = useState<boolean>(!!params?.isLogScale) const [isLogScale, setIsLogScale] = useState<boolean>(!!params?.isLogScale)
const [initialValueString, setInitialValueString] = useState(initValue) const [initialValueString, setInitialValueString] = useState(initValue)
const [answers, setAnswers] = useState<string[]>([]) // for multiple choice // for multiple choice, init to 3 empty answers
const [answers, setAnswers] = useState(['', '', ''])
useEffect(() => { useEffect(() => {
if (groupId) if (groupId)
@ -285,7 +286,7 @@ export function NewContract(props: {
<Spacer h={6} /> <Spacer h={6} />
{outcomeType === 'MULTIPLE_CHOICE' && ( {outcomeType === 'MULTIPLE_CHOICE' && (
<MultipleChoiceAnswers setAnswers={setAnswers} /> <MultipleChoiceAnswers answers={answers} setAnswers={setAnswers} />
)} )}
{outcomeType === 'PSEUDO_NUMERIC' && ( {outcomeType === 'PSEUDO_NUMERIC' && (