Validate max input on slider component

hokhyk · Jan 4, 2024 · e8934d0 · e8934d0
1 parent a653c58
commit e8934d0
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/web/containers/Slider/index.tsx b/web/containers/Slider/index.tsx
@@ -29,7 +29,6 @@ const SliderRightPanel: React.FC<Props> = ({
 
   const onValueChanged = (e: number[]) => {
     if (!threadId) return
-
     updateModelParameter(threadId, name, e[0])
   }
 
@@ -58,7 +57,13 @@ const SliderRightPanel: React.FC<Props> = ({
           min={min}
           max={max}
           value={String(value)}
-          onChange={(e) => onValueChanged([Number(e.target.value)])}
+          onChange={(e) => {
+            if (Number(e.target.value) >= max) {
+              onValueChanged([Number(max)])
+            } else {
+              onValueChanged([Number(e.target.value)])
+            }
+          }}
         />
       </div>
     </div>