fix: crypto amount issue (#795)

Author: Nuzhy-Deriv

src/javascript/app/common/helpers.js

@@ -7,6 +7,7 @@ import { getLocalTime } from '../base/clock';
 import common_independent from '../pages/trade/common_independent';
 import Defaults, { PARAM_NAMES } from '../pages/trade/defaults';
 import { triggerSessionChange } from '../hooks/events';
+import { isCryptocurrency } from '../../_common/base/currency_base';
 
 const parseData = (raw_data) => !raw_data ?  '' :  parse(raw_data);
 
@@ -130,7 +131,12 @@ const paramsMap = {
 
 const setDefaultParams = (elementId, value) => {
     if (paramsMap[elementId]) {
-        Defaults.set(paramsMap[elementId], value);
+        const currency = Defaults.get(PARAM_NAMES.CURRENCY);
+        if (elementId === 'amount' && isCryptocurrency(currency)) {
+            Defaults.set('amount_crypto', value);
+        } else {
+            Defaults.set(paramsMap[elementId], value);
+        }
         triggerSessionChange();
     }
 };

src/javascript/app/pages/form/form-component.jsx

@@ -25,6 +25,7 @@ import common_functions from '../../../_common/common_functions.js';
 import { localize } from '../../../_common/localize.js';
 import dataManager from '../../common/data_manager.js';
 import { setDefaultParams } from '../../common/helpers.js';
+import { isCryptocurrency } from '../../../_common/base/currency_base.js';
 
 export const FormComponent = () => {
     const [tradeData, setTradeData] = useState({});
@@ -51,6 +52,7 @@ export const FormComponent = () => {
     const expiry_time = Defaults.get(PARAM_NAMES.EXPIRY_TIME);
     const amount_type = Defaults.get(PARAM_NAMES.AMOUNT_TYPE);
     const amount = Defaults.get(PARAM_NAMES.AMOUNT);
+    const amount_crypto = Defaults.get('amount_crypto');
     const currency = Defaults.get(PARAM_NAMES.CURRENCY);
     const is_equal = Defaults.get(PARAM_NAMES.IS_EQUAL);
     const prediction = Defaults.get(PARAM_NAMES.PREDICTION);
@@ -163,6 +165,8 @@ export const FormComponent = () => {
         return moment(endtime_data.options[0].value).format('ddd - DD MMM, YYYY');
     };
 
+    const getAmount = () => isCryptocurrency(currency) ? amount_crypto : amount;
+
     return (
         <BreakpointProvider>
             <div className='quill-form-container'>
@@ -329,7 +333,7 @@ export const FormComponent = () => {
                                         <>
                                             <div className='form_field field-pb'>
                                                 <TextField
-                                                    value={amount}
+                                                    value={getAmount()}
                                                     type='number'
                                                     allowDecimals={true}
                                                     onChange={(e) => handleAmountChange(e, 'amount')}
@@ -350,7 +354,7 @@ export const FormComponent = () => {
                                                 type='number'
                                                 allowDecimals
                                                 onChange={(e) => handleAmountChange(e, 'amount')}
-                                                value={amount}
+                                                value={getAmount()}
                                                 addonLabel={currency}
                                                 addOnPosition='right'
                                             />