From 20878155eb7c62974d312a0d3bd48331c4cf828c Mon Sep 17 00:00:00 2001
From: Viktor Fomin <enotcode@gmail.com>
Date: Mon, 31 Oct 2022 19:22:30 +0500
Subject: [PATCH] Common: Article: add theme for logo

---
 .../Article/sub-components/article-header.js  | 30 +++++++++++++++----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/packages/common/components/Article/sub-components/article-header.js b/packages/common/components/Article/sub-components/article-header.js
index 70ec74e36f..8dd703f963 100644
--- a/packages/common/components/Article/sub-components/article-header.js
+++ b/packages/common/components/Article/sub-components/article-header.js
@@ -26,6 +26,8 @@ const ArticleHeader = ({
   const isTabletView = (isTabletUtils() || isTablet) && !isMobileOnly;
   const onLogoClick = () => history.push("/");
 
+  const isSvgLogo = whiteLabelLogoUrls[0].includes(".svg");
+
   if (isMobileOnly) return <></>;
   return (
     <StyledArticleHeader showText={showText} {...rest}>
@@ -42,14 +44,30 @@ const ArticleHeader = ({
       ) : (
         <StyledHeading showText={showText} size="large">
           {isTabletView ? (
-            <img
-              className="logo-icon_svg"
-              src={whiteLabelLogoUrls[0]}
-              onClick={onLogoClick}
-            />
+            isSvgLogo ? (
+              <ReactSVG
+                className="logo-icon_svg"
+                src={whiteLabelLogoUrls[0]}
+                onClick={onLogoClick}
+              />
+            ) : (
+              <img
+                className="logo-icon_svg"
+                src={whiteLabelLogoUrls[0]}
+                onClick={onLogoClick}
+              />
+            )
           ) : (
             <Link to="/">
-              <img className="logo-icon_svg" src={whiteLabelLogoUrls[0]} />
+              {isSvgLogo ? (
+                <ReactSVG
+                  className="logo-icon_svg"
+                  src={whiteLabelLogoUrls[0]}
+                  onClick={onLogoClick}
+                />
+              ) : (
+                <img className="logo-icon_svg" src={whiteLabelLogoUrls[0]} />
+              )}
             </Link>
           )}
         </StyledHeading>