feat: n to 1 retrieval legacy (#6554)

web/app/components/base/slider/index.tsx

@@ -4,6 +4,8 @@ import './style.css'
 
 type ISliderProps = {
   className?: string
+  thumbClassName?: string
+  trackClassName?: string
   value: number
   max?: number
   min?: number
@@ -12,16 +14,26 @@ type ISliderProps = {
   onChange: (value: number) => void
 }
 
-const Slider: React.FC<ISliderProps> = ({ className, max, min, step, value, disabled, onChange }) => {
+const Slider: React.FC<ISliderProps> = ({
+  className,
+  thumbClassName,
+  trackClassName,
+  max,
+  min,
+  step,
+  value,
+  disabled,
+  onChange,
+}) => {
   return <ReactSlider
     disabled={disabled}
     value={isNaN(value) ? 0 : value}
     min={min || 0}
     max={max || 100}
     step={step || 1}
-    className={cn(className, 'slider')}
-    thumbClassName="slider-thumb"
-    trackClassName="slider-track"
+    className={cn('slider', className)}
+    thumbClassName={cn('slider-thumb', thumbClassName)}
+    trackClassName={cn('slider-track', trackClassName)}
     onChange={onChange}
   />
 }