feat: Use Logo component in footer. Add props to change text/bracket …

…color
newrelic · Jun 16, 2020 · 8ce1335 · 8ce1335
1 parent 256ad5e
commit 8ce1335
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 15 deletions.
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -1,11 +1,18 @@
 import React from 'react';
 import { Link } from 'gatsby';
 import styles from './Footer.module.scss';
+import Logo from './Logo';
 
 const Footer = () => (
   <footer className={styles.footer}>
     <div className={styles.leftColumn}>
-      <Link to="/" className={`${styles.logo} logo`} />
+      <Link to="/">
+        <Logo
+          className={styles.logo}
+          textColor="#7DA5A8"
+          bracketColor="#7DA5A8"
+        />
+      </Link>
       <div className={styles.copyright}>
         Copyright &copy; 2020 New Relic Inc.
       </div>

diff --git a/src/components/Footer.module.scss b/src/components/Footer.module.scss
@@ -16,11 +16,7 @@
 }
 
 .logo {
-  width: 195px;
-  min-width: 195px;
-  height: 45px;
-  display: inline-block;
-  background-image: url('../images/developers-logo-footer.svg');
+  width: 200px;
 }
 
 .copyright {

diff --git a/src/components/Logo.js b/src/components/Logo.js
diff --git a/src/images/developers-logo-footer.svg b/src/images/developers-logo-footer.svg