Fix update money management

src/Managing.WebApp/src/pages/settingsPage/moneymanagement/moneyManagementModal.tsx

@@ -75,8 +75,13 @@ const MoneyManagementModal: React.FC<IMoneyManagementModalProps> = ({
     setLeverage(e.target.value)
   }
 
+  function onBalanceAtRiskChange(e: any) {
+    setBalanceAtRisk(e.target.value)
+  }
+
   useEffect(() => {
     if (moneyManagement) {
+      console.log(moneyManagement)
       setBalanceAtRisk(moneyManagement.balanceAtRisk * 100)
       setTakeProfit(moneyManagement.takeProfit * 100)
       setStopLoss(moneyManagement.stopLoss * 100)
@@ -131,6 +136,18 @@ const MoneyManagementModal: React.FC<IMoneyManagementModalProps> = ({
         </select>
       </FormInput>
 
+      <FormInput label="Balance at risk" htmlFor="balanceAtRisk">
+        <Slider
+          id="balanceAtRisk"
+          value={balanceAtRisk}
+          onChange={onBalanceAtRiskChange}
+          step="1"
+          max="100"
+          suffixValue="%"
+          disabled={disableInputs}
+        ></Slider>
+      </FormInput>
+
       <FormInput label="TP%" htmlFor="takeProfit">
         <Slider
           id="takeProfit"

src/Managing.WebApp/src/pages/settingsPage/moneymanagement/moneymanagementTable.tsx

@@ -127,8 +127,8 @@ const MoneyManagementTable: React.FC<IMoneyManagementList> = ({ list }) => {
     <div className="flex flex-wrap">
       <Table columns={columns} data={rows} />
       <MoneyManagementModal
-        isOpen={showModal}
-        toggleModal={toggleModal}
+        showModal={showModal}
+        onClose={toggleModal}
         moneyManagement={selectedRow}
       />
     </div>