1
- import classNames from 'classnames' ;
2
- import PropTypes from 'prop-types' ;
3
- import React from 'react' ;
4
- import { localize } from '_common/localize' ;
5
- import Money from 'App/Components/Elements/money.jsx' ;
6
- import Tooltip from 'App/Components/Elements/tooltip.jsx' ;
7
- import { IconPriceMove } from 'Assets/Trading/icon-price-move.jsx' ;
1
+ import classNames from 'classnames' ;
2
+ import PropTypes from 'prop-types' ;
3
+ import React from 'react' ;
4
+ import { getLocalizedBasis } from 'Stores/Modules/Trading/Constants/contract' ;
5
+ import { localize } from '_common/localize' ;
6
+ import Money from 'App/Components/Elements/money.jsx' ;
7
+ import Tooltip from 'App/Components/Elements/tooltip.jsx' ;
8
+ import { IconPriceMove } from 'Assets/Trading/icon-price-move.jsx' ;
8
9
9
10
const ContractInfo = ( {
10
11
basis,
@@ -15,8 +16,19 @@ const ContractInfo = ({
15
16
is_visible,
16
17
proposal_info,
17
18
} ) => {
18
- const has_error_or_not_loaded = proposal_info . has_error || ! proposal_info . id ;
19
+ const localized_basis = getLocalizedBasis ( ) ;
20
+ const basisOrPayout = ( ) => {
21
+ switch ( basis ) {
22
+ case 'stake' :
23
+ return localized_basis . payout ;
24
+ case 'payout' :
25
+ return localized_basis . stake ;
26
+ default :
27
+ return basis ;
28
+ }
29
+ } ;
19
30
31
+ const has_error_or_not_loaded = proposal_info . has_error || ! proposal_info . id ;
20
32
return (
21
33
< div className = 'trade-container__price' >
22
34
< div className = { classNames (
@@ -29,7 +41,7 @@ const ContractInfo = ({
29
41
>
30
42
< div className = 'trade-container__price-info-basis' >
31
43
{ has_error_or_not_loaded
32
- ? basis
44
+ ? basisOrPayout ( )
33
45
: localize ( '[_1]' , proposal_info . obj_contract_basis . text )
34
46
}
35
47
</ div >
0 commit comments