fix: context-lenght-value

janhq · Oct 21, 2024 · 8799086 · 8799086
1 parent e2d9533
commit 8799086
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/web/containers/ModelSetting/SettingComponent.tsx b/web/containers/ModelSetting/SettingComponent.tsx
@@ -25,6 +25,7 @@ const SettingComponent: React.FC<Props> = ({
       case 'slider': {
         const { min, max, step, value } =
           data.controllerProps as SliderComponentProps
+
         return (
           <SliderRightPanel
             key={data.key}

diff --git a/web/containers/SliderRightPanel/index.tsx b/web/containers/SliderRightPanel/index.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 import { Slider, Input, Tooltip } from '@janhq/joi'
 
@@ -32,6 +32,10 @@ const SliderRightPanel = ({
 
   useClickOutside(() => setShowTooltip({ max: false, min: false }), null, [])
 
+  useEffect(() => {
+    setVal(value.toString())
+  }, [value])
+
   return (
     <div className="flex flex-col">
       <div className="mb-3 flex items-center gap-x-2">