wing + filter

client/src/components/MultiRangeSlider.tsx

@@ -15,6 +15,7 @@ const MultiRangeSlider = ({
 }: MultiRangeSliderProps) => {
   const firstInputRef = useRef(null);
   const secondInputRef = useRef(null);
+  const { isDisabled } = multirangeSlider;
 
   const handleOnRangeInputChange = (e: [a: number, b: number]) => {
     onChange(multirangeSlider.id, e);
@@ -72,14 +73,6 @@ const MultiRangeSlider = ({
     <div className="">
       <div className="flex justify-between p-3 bg-white rounded-lg relative flex-col">
         <div className="flex justify-between">
-          {/* <input
-            ref={firstInputRef}
-            key={multirangeSlider.startValue}
-            type="string"
-            onChange={handleOnFirstInputChange}
-            defaultValue={formatNumber(multirangeSlider.startValue, ",", 3, 1)}
-            className="focus:outline-none input_number w-1/2"
-          /> */}
           <NumericFormat
             thousandSeparator=","
             key={multirangeSlider.startValue}
@@ -94,20 +87,14 @@ const MultiRangeSlider = ({
             defaultValue={multirangeSlider.endValue}
             className="focus:outline-none input_number w-1/2 text-right"
           />
-          {/* <input
-            ref={secondInputRef}
-            onChange={handleOnSecondInputChange}
-            key={multirangeSlider.endValue}
-            type="string"
-            defaultValue={formatNumber(multirangeSlider.endValue, ",", 3, 1)}
-            className="focus:outline-none appearance-none input_number text-right w-1/2"
-          /> */}
         </div>
         <RangeSlider
           min={multirangeSlider.minValue}
           max={multirangeSlider.maxValue}
           value={[multirangeSlider.startValue, multirangeSlider.endValue]}
-          className="absolute -bottom-3 left-0 w-[calc(100%-16px)] z-20"
+          className={`${
+            isDisabled ? "pointer-events-none text" : ""
+          } absolute -bottom-3 left-0 w-[calc(100%-16px)] z-20`}
           onInput={handleOnRangeInputChange}
         />
       </div>