[SHOPTIME-3647] Home / Top / Today's Deals / Offer Info가 여러줄로 표시되는 현상

[이슈내용] offerInfo 부분이 2줄로 표시되는 상황.

[수정내용] offerInfo불러오는 부분에 strong 제거.

[수정파일] RandomUnit.jsx / RollingUnit.jsx

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx

@@ -4,32 +4,47 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from "react";
+} from 'react';
 
-import classNames from "classnames";
-import { useDispatch, useSelector } from "react-redux";
+import classNames from 'classnames';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import btnPlay from "../../../../assets/images/btn/btn-play-thumb-nor.png";
-import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png";
-import emptyHorImage from "../../../../assets/images/img-home-banner-empty-hor.png";
-import emptyVerImage from "../../../../assets/images/img-home-banner-empty-ver.png";
-import defaultImageItem from "../../../../assets/images/img-thumb-empty-product@3x.png";
-import liveShow from "../../../../assets/images/tag-liveshow.png";
-import { changeAppStatus } from "../../../actions/commonActions";
-import { sendLogTopContents } from "../../../actions/logActions";
-import { pushPanel } from "../../../actions/panelActions";
+import btnPlay from '../../../../assets/images/btn/btn-play-thumb-nor.png';
+import defaultLogoImg
+  from '../../../../assets/images/ic-tab-partners-default@3x.png';
+import emptyHorImage
+  from '../../../../assets/images/img-home-banner-empty-hor.png';
+import emptyVerImage
+  from '../../../../assets/images/img-home-banner-empty-ver.png';
+import defaultImageItem
+  from '../../../../assets/images/img-thumb-empty-product@3x.png';
+import liveShow from '../../../../assets/images/tag-liveshow.png';
+import { changeAppStatus } from '../../../actions/commonActions';
+import { sendLogTopContents } from '../../../actions/logActions';
+import { pushPanel } from '../../../actions/panelActions';
 import {
   finishVideoPreview,
   startVideoPlayer,
-} from "../../../actions/playActions";
-import CustomImage from "../../../components/CustomImage/CustomImage";
-import usePriceInfo from "../../../hooks/usePriceInfo";
-import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config";
-import { $L, formatGMTString } from "../../../utils/helperMethods";
-import css from "./RandomUnit.module.less";
+} from '../../../actions/playActions';
+import CustomImage from '../../../components/CustomImage/CustomImage';
+import usePriceInfo from '../../../hooks/usePriceInfo';
+import {
+  LOG_MENU,
+  LOG_TP_NO,
+  panel_names,
+} from '../../../utils/Config';
+import {
+  $L,
+  formatGMTString,
+} from '../../../utils/helperMethods';
+import css from './RandomUnit.module.less';
 
 const SpottableComponent = Spottable("div");
 
@@ -604,13 +619,11 @@ export default function RandomUnit({
                 }}
               />
               <div className={css.accBox}>
-                {parseFloat(originalPrice?.replace("$", "")) === 0 ? (
-                  <strong>{randomData.offerInfo}</strong>
-                ) : discountRate ? (
-                  discountedPrice
-                ) : (
-                  originalPrice
-                )}
+                {parseFloat(originalPrice?.replace("$", "")) === 0
+                  ? randomData?.offerInfo
+                  : discountRate
+                  ? discountedPrice
+                  : originalPrice}
                 {discountRate && !isHorizontal && (
                   <span className={css.saleAccBox}>{originalPrice}</span>
                 )}

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx

@@ -4,29 +4,44 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from "react";
+} from 'react';
 
-import classNames from "classnames";
-import { useDispatch, useSelector } from "react-redux";
+import classNames from 'classnames';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import btnPlay from "../../../../assets/images/btn/btn-play-thumb-nor.png";
-import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png";
-import emptyHorImage from "../../../../assets/images/img-home-banner-empty-hor.png";
-import emptyVerImage from "../../../../assets/images/img-home-banner-empty-ver.png";
-import defaultImageItem from "../../../../assets/images/img-thumb-empty-product@3x.png";
-import liveShow from "../../../../assets/images/tag-liveshow.png";
-import { setBannerIndex } from "../../../actions/homeActions";
-import { sendLogTopContents } from "../../../actions/logActions";
-import { pushPanel } from "../../../actions/panelActions";
-import { startVideoPlayer } from "../../../actions/playActions";
-import CustomImage from "../../../components/CustomImage/CustomImage";
-import usePriceInfo from "../../../hooks/usePriceInfo";
-import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config";
-import { $L, formatGMTString } from "../../../utils/helperMethods";
-import css from "./RollingUnit.module.less";
+import btnPlay from '../../../../assets/images/btn/btn-play-thumb-nor.png';
+import defaultLogoImg
+  from '../../../../assets/images/ic-tab-partners-default@3x.png';
+import emptyHorImage
+  from '../../../../assets/images/img-home-banner-empty-hor.png';
+import emptyVerImage
+  from '../../../../assets/images/img-home-banner-empty-ver.png';
+import defaultImageItem
+  from '../../../../assets/images/img-thumb-empty-product@3x.png';
+import liveShow from '../../../../assets/images/tag-liveshow.png';
+import { setBannerIndex } from '../../../actions/homeActions';
+import { sendLogTopContents } from '../../../actions/logActions';
+import { pushPanel } from '../../../actions/panelActions';
+import { startVideoPlayer } from '../../../actions/playActions';
+import CustomImage from '../../../components/CustomImage/CustomImage';
+import usePriceInfo from '../../../hooks/usePriceInfo';
+import {
+  LOG_MENU,
+  LOG_TP_NO,
+  panel_names,
+} from '../../../utils/Config';
+import {
+  $L,
+  formatGMTString,
+} from '../../../utils/helperMethods';
+import css from './RollingUnit.module.less';
 
 const SpottableComponent = Spottable("div");
 
@@ -668,13 +683,11 @@ export default function RollingUnit({
               }}
             />
             <div className={css.accBox}>
-              {parseFloat(originalPrice?.replace("$", "")) === 0 ? (
-                <strong>{rollingData[startIndex].offerInfo}</strong>
-              ) : discountRate ? (
-                discountedPrice
-              ) : (
-                originalPrice
-              )}
+              {parseFloat(originalPrice?.replace("$", "")) === 0
+                ? rollingData[startIndex].offerInfo
+                : discountRate
+                ? discountedPrice
+                : originalPrice}
               {discountRate && !isHorizontal && (
                 <span className={css.saleAccBox}>{originalPrice}</span>
               )}