[TabLayout] SHOPTIME-2754

- ruc logo 적용

com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx

@@ -17,6 +17,7 @@ import Spotlight from "@enact/spotlight";
 import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
 import { Cancelable } from "@enact/ui/Cancelable";
 
+import shoptimeFullIconRuc from "../../../assets/images/icons/ic-lnb-logo-shoptime-ruc.png";
 //이미지
 import shoptimeFullIcon from "../../../assets/images/icons/ic-lnb-logo-shoptime@3x.png";
 import { gnbOpened } from "../../actions/commonActions";
@@ -150,7 +151,8 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
   const webOSVersion = useSelector(
     (state) => state.common.appStatus.webOSVersion
   );
-
+  const httpHeader = useSelector((state) => state.common.httpHeader);
+  const deviceCountryCode = httpHeader["X-Device-Country"];
   const mouseNavOpen = useRef(new Job((func) => func(), 1500));
   const mouseMainEntered = useRef(false);
 
@@ -539,6 +541,12 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
     return mainExpanded || mainSelectedIndex >= 0;
   }, [mainExpanded, mainSelectedIndex]);
 
+  const logoImg = useMemo(() => {
+    if (deviceCountryCode === "RU") {
+      return shoptimeFullIconRuc;
+    } else return shoptimeFullIcon;
+  }, [deviceCountryCode]);
+
   const showTab = useMemo(() => {
     if (!topPanelName || PANELS_HAS_TAB.indexOf(topPanelName) >= 0) {
       return true;
@@ -686,7 +694,7 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
                 onMouseLeave={onMainMouseLeave}
               >
                 <h1 className={css.logo}>
-                  <img src={shoptimeFullIcon} alt="" />
+                  <img src={logoImg} alt="" />
                 </h1>
 
                 {tabs.map((item, index) => (