diff --git a/src/pages/Questions/QuestionOptions/SliderOptions/SliderOptions.tsx b/src/pages/Questions/QuestionOptions/SliderOptions/SliderOptions.tsx index 63c10e19..3535cfbb 100644 --- a/src/pages/Questions/QuestionOptions/SliderOptions/SliderOptions.tsx +++ b/src/pages/Questions/QuestionOptions/SliderOptions/SliderOptions.tsx @@ -16,6 +16,9 @@ interface Props { openBranchingPage: boolean; setOpenBranchingPage: (a: boolean) => void; } +function ReplaceToNotStartZero (x: number) { + return(Number(x.toString().replace(/^0+/, '') || '0')) +} export default function SliderOptions({ question, openBranchingPage, setOpenBranchingPage }: Props) { const theme = useTheme(); @@ -29,7 +32,7 @@ export default function SliderOptions({ question, openBranchingPage, setOpenBran setStartError(""); updateQuestion(question.id, (question) => { - question.content.start = value; + question.content.start = ReplaceToNotStartZero(value); }); }, 5000); @@ -37,9 +40,19 @@ export default function SliderOptions({ question, openBranchingPage, setOpenBran setStepError(""); updateQuestion(question.id, (question) => { - question.content.step = value; + question.content.step = ReplaceToNotStartZero(value); }); }, 5000); + const updateStepsDebounced = useDebouncedCallback((value: string) => { + console.log("value") + console.log(value) + console.log(value.toString()) + console.log("ReplaceToNotStartZero(Number(value)) _____________________________________") + console.log(ReplaceToNotStartZero(Number(value))) + updateQuestion(question.id, (question) => { + question.content.step = ReplaceToNotStartZero(Number(value)); + }); + }, 5000); const calculateValues = () => { const { step, start } = question.content; @@ -117,8 +130,9 @@ export default function SliderOptions({ question, openBranchingPage, setOpenBran value={question.content.range.split("—")[0]} onChange={({ target }) => { updateQuestion(question.id, (question) => { - question.content.range = `${target.value}—${question.content.range.split("—")[1]}`; + question.content.range = `${Number(target.value)}—${question.content.range.split("—")[1]}`; }); + // if (/^0\d+$/.test(target.value.toString())) updateStepsDebounced(target.value); }} onBlur={calculateValues} /> @@ -131,8 +145,9 @@ export default function SliderOptions({ question, openBranchingPage, setOpenBran value={question.content.range.split("—")[1]} onChange={({ target }) => { updateQuestion(question.id, (question) => { - question.content.range = `${question.content.range.split("—")[0]}—${target.value}`; + question.content.range = `${question.content.range.split("—")[0]}—${Number(target.value)}`; }); + // if (/^0\d+$/.test(target.value.toString())) updateStepsDebounced(target.value); }} onBlur={calculateValues} />