removed unused deps

src/components/CalculatorComponent/components/ConsultationReserv/ConsultationReserv.js

@@ -12,11 +12,15 @@ export const ConsultationReserv = ({ }) => {
     const name = "consultationReserv";
     const min = 1;
     const max = 100;
+    const isDisabled = true
+
 
     return (
         <div className="container">
             <span className="caption-input_type_two">Консультации, закончившиеся бронью</span>
             <InputComponent
+                isDisabled={isDisabled}
+
                 min={min}
                 max={max}
                 name={name}

src/components/CalculatorComponent/components/InputComponent/InputComponent.js

@@ -12,6 +12,7 @@ export const InputComponent = ({
   max,
   inputClass,
   large,
+  isDisabled
 }) => {
   const dispatch = useDispatch();
   const { handleValue } = calcSlice.actions;
@@ -124,6 +125,12 @@ export const InputComponent = ({
     }, 100);
   };
 
+  const inputStyle = {
+    backgroundSize: handleStyle(),
+    cursor: isDisabled ? "auto" : "pointer",
+  }
+
+
   return (
     <>
       <div className="number-container">
@@ -143,19 +150,18 @@ export const InputComponent = ({
           onBlur={(e) => handleFocusLeft(e)}
           onValueChange={(value, name) => handleOnValueChange(value, name)}
         />
-        <img
+        {!isDisabled && (<img
           onClick={handleFocus}
           className="edit-icon"
           alt="edit/изменить"
           src={edit}
-        />
+        />)}
+
       </div>
 
       <div className="input-container">
         <input
-          style={{
-            backgroundSize: handleStyle(),
-          }}
+          style={inputStyle}
           type="range"
           className={inputClass}
           name={name}

src/components/CalculatorComponent/components/InputNumber/InputNumber.css

@@ -30,4 +30,31 @@
   .input-number[type="text"] {
     padding: 16px 16px 12px;
 
-  }
+  }
+
+
+  .input_type_disabled {
+    background: #888888;
+    border-radius: 2px;
+    height: 28px;
+    cursor: pointer;
+    background-image: linear-gradient(#2b5ec6, #2b5ec6);
+    background-size: 70% 100%;
+    background-repeat: no-repeat;
+  
+  }
+  
+  .input_type_disabled::-webkit-slider-runnable-track {
+    -webkit-appearance: none;
+    box-shadow: none;
+    border: none;
+    background: transparent;
+  }
+  
+  
+  
+  
+  .input_type_disabled::-webkit-slider-thumb {
+    visibility: hidden;
+  }
+  

src/components/CalculatorComponent/components/Sales/Sales.js

@@ -9,12 +9,15 @@ export const Sales = ({ }) => {
 
     const name = "sales";
     const min = 1;
+    const isDisabled = true
+
     const max = 100;
 
     return (
         <div className="container">
             <span className="caption-input_type_two">Продажи</span>
             <InputComponent
+                isDisabled={isDisabled}
                 min={min}
                 max={max}
                 name={name}