fix: Higher/Lower Trade type contracts Rise/Fall is shown (#7346)

binary-com · Jan 20, 2023 · aaca77c · aaca77c
1 parent f3af598
commit aaca77c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/reports/src/Components/market-symbol-icon-row.jsx b/packages/reports/src/Components/market-symbol-icon-row.jsx
@@ -7,6 +7,7 @@ import { getMarketName, getTradeTypeName } from '../Helpers/market-underlying';
 const MarketSymbolIconRow = ({ icon, payload, show_description, should_show_multiplier = true }) => {
     const should_show_category_icon = typeof payload.shortcode === 'string';
     const info_from_shortcode = extractInfoFromShortcode(payload.shortcode);
+    const is_high_low = isHighLow({ shortcode_info: info_from_shortcode });
 
     if (should_show_category_icon && info_from_shortcode) {
         return (
@@ -37,13 +38,13 @@ const MarketSymbolIconRow = ({ icon, payload, show_description, should_show_mult
                         classNameTarget='category-type-icon__popover'
                         classNameBubble='category-type-icon__popover-bubble'
                         alignment='top'
-                        message={getTradeTypeName(info_from_shortcode.category)}
+                        message={getTradeTypeName(info_from_shortcode.category, is_high_low)}
                         is_bubble_hover_enabled
                         disable_target_icon
                     >
                         <IconTradeTypes
                             type={
-                                isHighLow({ shortcode_info: info_from_shortcode })
+                                is_high_low
                                     ? `${info_from_shortcode.category.toLowerCase()}_barrier`
                                     : info_from_shortcode.category.toLowerCase()
                             }

diff --git a/packages/reports/src/Helpers/market-underlying.js b/packages/reports/src/Helpers/market-underlying.js
@@ -28,7 +28,8 @@ export const getMarketInformation = shortcode => {
 
 export const getMarketName = underlying => (underlying ? getMarketNamesMap()[underlying.toUpperCase()] : null);
 
-export const getTradeTypeName = category => (category ? getContractConfig()[category.toUpperCase()].name : null);
+export const getTradeTypeName = (category, is_high_low = false) =>
+    category ? getContractConfig(is_high_low)[category.toUpperCase()].name : null;
 
 export const getContractDurationType = (longcode, shortcode) => {
     if (/^MULTUP|MULTDOWN/.test(shortcode)) return '';