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 > { 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 '';