likhith/fix: 🐛 fixed missing translation (binary-com#7969)

* fix: 🐛 fixed missing translation * chore:Restructured imports
shontzu-deriv · May 3, 2023 · d84a627 · d84a627
1 parent e79e56a
commit d84a627
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/packages/trader/src/Modules/Trading/Components/Form/Purchase/contract-info.jsx b/packages/trader/src/Modules/Trading/Components/Form/Purchase/contract-info.jsx
@@ -1,13 +1,13 @@
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Icon, DesktopWrapper, Money, MobileWrapper, Popover, Text } from '@deriv/components';
-import { localize, Localize } from '@deriv/translations';
-import { getCurrencyDisplayCode, getGrowthRatePercentage, getLocalizedBasis, isMobile } from '@deriv/shared';
+import { DesktopWrapper, Icon, MobileWrapper, Money, Popover, Text } from '@deriv/components';
+import { Localize, localize } from '@deriv/translations';
+import { getCurrencyDisplayCode, getLocalizedBasis, isMobile, getGrowthRatePercentage } from '@deriv/shared';
 import CancelDealInfo from './cancel-deal-info.jsx';
 
 const ValueMovement = ({ has_error_or_not_loaded, proposal_info, currency, has_increased, is_vanilla }) => (
-    <div className='strike--value-container'>
+    <div className={classNames({ 'strike--value-container': is_vanilla })}>
         <div className={classNames('trade-container__price-info-value', { 'strike--info': is_vanilla })}>
             {!has_error_or_not_loaded && (
                 <Money
@@ -62,14 +62,14 @@ const ContractInfo = ({
 
     const setBasisText = () => {
         if (is_vanilla) {
-            return 'Payout per point';
+            return localize('Payout per point');
         }
         return proposal_info.obj_contract_basis.text;
     };
 
     const has_error_or_not_loaded = proposal_info.has_error || !proposal_info.id;
 
-    const basis_text = has_error_or_not_loaded ? stakeOrPayout() : localize('{{value}}', { value: setBasisText() });
+    const basis_text = has_error_or_not_loaded ? stakeOrPayout() : setBasisText();
 
     const { message, obj_contract_basis, stake } = proposal_info;
 

diff --git a/packages/trader/src/sass/app/_common/components/strike.scss b/packages/trader/src/sass/app/_common/components/strike.scss
@@ -8,7 +8,8 @@
     grid-template-columns: 1fr 1fr 1fr;
     height: 4rem;
     margin: 0 0 0.8rem;
-    padding: 1rem 0.8rem;
+    padding: 0 0.8rem;
+    box-sizing: border-box;
 
     .mobile-widget {
         &__spot {