Merge pull request #372 from sofarsounds/update-logowithslogan-width

Update LogoWithSlogan component width
sofarsounds · Nov 12, 2021 · 7dc0b0a · 7dc0b0a
2 parents a1bbe57 + 8d49017
commit 7dc0b0a
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 15 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sofarsounds/maestro",
-  "version": "7.4.18",
+  "version": "7.4.19",
   "description": "The official sofar sounds react uikit library",
   "main": "dist/index.js",
   "scripts": {

diff --git a/src/molecules/Footer/LogoWithSlogan.tsx b/src/molecules/Footer/LogoWithSlogan.tsx
@@ -27,21 +27,29 @@ const Slogan = styled.div`
 
 export interface LogoWithSloganProps {
   href?: any;
+  logoWidthPx?: string;
 }
 
-const LogoWithSlogan: React.SFC<LogoWithSloganProps> = ({ href }) => (
-  <Col xs={12} xl={5}>
-    <LogoSloganContainer>
-      {href ? (
-        <a href={href}>
-          <Logo width="133px" invert />
-        </a>
-      ) : (
-        <Logo width="133px" invert />
-      )}
-      <Slogan>Intimate gigs all around the world</Slogan>
-    </LogoSloganContainer>
-  </Col>
-);
+const LogoWithSlogan: React.FC<LogoWithSloganProps> = ({
+  href,
+  logoWidthPx
+}) => {
+  const logoWidth = logoWidthPx ? logoWidthPx : '104px';
+
+  return (
+    <Col xs={12} xl={5}>
+      <LogoSloganContainer>
+        {href ? (
+          <a href={href}>
+            <Logo width={logoWidth} invert />
+          </a>
+        ) : (
+          <Logo width={logoWidth} invert />
+        )}
+        <Slogan>Intimate gigs all around the world</Slogan>
+      </LogoSloganContainer>
+    </Col>
+  );
+};
 
 export default LogoWithSlogan;