From e8934d0771644687264d6dff308fb70f65d77749 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Wed, 3 Jan 2024 22:45:30 +0700
Subject: [PATCH] Validate max input on slider component

---
 web/containers/Slider/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/containers/Slider/index.tsx b/web/containers/Slider/index.tsx
index 9e66146cb..8d6cedbc9 100644
--- 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>