refactor(header): add control for inverted logo

eea · Jun 7, 2022 · 023ca45 · 023ca45
1 parent f2f0fd1
commit 023ca45
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/ui/Header/Header.stories.js b/src/ui/Header/Header.stories.js
@@ -43,6 +43,13 @@ export default {
         type: { summary: 'boolean' },
       },
     },
+    inverted: {
+      description: 'Inverted logo',
+      table: {
+        defaultValue: { summary: '""' },
+        type: { summary: 'boolean' },
+      },
+    },
     MainMenuVariation: {
       control: { type: 'select' },
       options: ['primary', 'secondary', 'tertiary', 'white'],
@@ -62,7 +69,6 @@ const logoProps = {
   url: 'https://eea.europa.eu',
   src: LogoImage,
   invertedSrc: InvertedLogoImage,
-  inverted: false,
 };
 
 const links = [
@@ -384,7 +390,7 @@ const Template = (args) => {
           transparency={args.transparency}
           sticky={args.sticky}
           pathname={pathname}
-          logo={<Logo {...logoProps} />}
+          logo={<Logo {...logoProps} inverted={args.inverted} />}
           menuItems={menuItems}
           renderMenuItem={(item, options = {}) => {
             const { onClick } = options;
@@ -573,5 +579,6 @@ Default.args = {
   menuItems,
   transparency: false,
   sticky: false,
+  inverted: false,
   MainMenuVariation: 'primary',
 };
diff --git a/src/ui/Logo/Logo.jsx b/src/ui/Logo/Logo.jsx
@@ -20,7 +20,6 @@ const Logo = ({ src, invertedSrc, id, url, alt, title, inverted }) => {
         src={inverted ? invertedSrc : src}
         alt={alt}
         title={title}
-        //height={64}
         className="eea-logo"
         id={id}
       />