From 62a923792593fbc975ceaabe7cd3f5cf034b4efe Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Mon, 31 Mar 2025 20:48:35 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B7=D0=B0=D0=BF=D1=80=D0=B5=D1=89=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BE=20=D0=BD=D0=B0=D1=87=D0=B8=D0=BD=D0=B0=D1=82=D1=8C?=
 =?UTF-8?q?=20=D0=B4=D0=B8=D0=B0=D0=BF=D0=B0=D0=B7=D0=BE=D0=BD=20=D1=81=20?=
 =?UTF-8?q?0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SliderOptions/SliderOptions.tsx           | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

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<QuizQuestionNumber>(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<QuizQuestionNumber>(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<QuizQuestionNumber>(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<QuizQuestionNumber>(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<QuizQuestionNumber>(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}
             />