From aaca77c0782ebab1a79a3d44bdbe64c39efe4706 Mon Sep 17 00:00:00 2001
From: Sergei Baranovski <120570511+sergei-deriv@users.noreply.github.com>
Date: Fri, 20 Jan 2023 05:07:45 -0500
Subject: [PATCH] fix: Higher/Lower Trade type contracts Rise/Fall is shown
 (#7346)

---
 packages/reports/src/Components/market-symbol-icon-row.jsx | 5 +++--
 packages/reports/src/Helpers/market-underlying.js          | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/reports/src/Components/market-symbol-icon-row.jsx b/packages/reports/src/Components/market-symbol-icon-row.jsx
index a6bcb7e47946..b84fdf012957 100644
--- 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
index e40f15c4dc0f..eff4051b88de 100644
--- 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 '';