From 8ce13353edfeae9abec8239496bfeb8ed9bd2bde Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Tue, 16 Jun 2020 13:49:18 -0700
Subject: [PATCH] feat: Use Logo component in footer. Add props to change
 text/bracket color

---
 src/components/Footer.js              |  9 ++++++++-
 src/components/Footer.module.scss     |  6 +-----
 src/components/Logo.js                | 15 +++++++++++----
 src/images/developers-logo-footer.svg |  5 -----
 4 files changed, 20 insertions(+), 15 deletions(-)
 delete mode 100644 src/images/developers-logo-footer.svg

diff --git a/src/components/Footer.js b/src/components/Footer.js
index 9b13b6003..7c361f83d 100644
--- 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
index 4471b8ec9..7c5b34ff5 100644
--- 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
index 23c1668e0..438ba2d78 100644
--- a/src/components/Logo.js
+++ b/src/components/Logo.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import styles from './Logo.module.scss';
 
-const Logo = ({ className }) => (
+const Logo = ({ className, bracketColor, textColor }) => (
   <svg
     className={cx(styles.logo, className)}
     viewBox="0 0 247 61"
@@ -11,18 +11,18 @@ const Logo = ({ className }) => (
   >
     <path
       d="M84.7406 21.06C86.9406 21.06 88.8706 21.49 90.5306 22.35C92.2106 23.21 93.5006 24.44 94.4006 26.04C95.3206 27.62 95.7806 29.46 95.7806 31.56C95.7806 33.66 95.3206 35.5 94.4006 37.08C93.5006 38.64 92.2106 39.85 90.5306 40.71C88.8706 41.57 86.9406 42 84.7406 42H77.4206V21.06H84.7406ZM84.5906 38.43C86.7906 38.43 88.4906 37.83 89.6906 36.63C90.8906 35.43 91.4906 33.74 91.4906 31.56C91.4906 29.38 90.8906 27.68 89.6906 26.46C88.4906 25.22 86.7906 24.6 84.5906 24.6H81.6206V38.43H84.5906ZM114.374 33.33C114.374 33.93 114.334 34.47 114.254 34.95H102.104C102.204 36.15 102.624 37.09 103.364 37.77C104.104 38.45 105.014 38.79 106.094 38.79C107.654 38.79 108.764 38.12 109.424 36.78H113.954C113.474 38.38 112.554 39.7 111.194 40.74C109.834 41.76 108.164 42.27 106.184 42.27C104.584 42.27 103.144 41.92 101.864 41.22C100.604 40.5 99.6145 39.49 98.8945 38.19C98.1945 36.89 97.8445 35.39 97.8445 33.69C97.8445 31.97 98.1945 30.46 98.8945 29.16C99.5945 27.86 100.574 26.86 101.834 26.16C103.094 25.46 104.544 25.11 106.184 25.11C107.764 25.11 109.174 25.45 110.414 26.13C111.674 26.81 112.644 27.78 113.324 29.04C114.024 30.28 114.374 31.71 114.374 33.33ZM110.024 32.13C110.004 31.05 109.614 30.19 108.854 29.55C108.094 28.89 107.164 28.56 106.064 28.56C105.024 28.56 104.144 28.88 103.424 29.52C102.724 30.14 102.294 31.01 102.134 32.13H110.024ZM124.37 38.13L128.57 25.38H133.04L126.89 42H121.79L115.67 25.38H120.17L124.37 38.13ZM150.849 33.33C150.849 33.93 150.809 34.47 150.729 34.95H138.579C138.679 36.15 139.099 37.09 139.839 37.77C140.579 38.45 141.489 38.79 142.569 38.79C144.129 38.79 145.239 38.12 145.899 36.78H150.429C149.949 38.38 149.029 39.7 147.669 40.74C146.309 41.76 144.639 42.27 142.659 42.27C141.059 42.27 139.619 41.92 138.339 41.22C137.079 40.5 136.089 39.49 135.369 38.19C134.669 36.89 134.319 35.39 134.319 33.69C134.319 31.97 134.669 30.46 135.369 29.16C136.069 27.86 137.049 26.86 138.309 26.16C139.569 25.46 141.019 25.11 142.659 25.11C144.239 25.11 145.649 25.45 146.889 26.13C148.149 26.81 149.119 27.78 149.799 29.04C150.499 30.28 150.849 31.71 150.849 33.33ZM146.499 32.13C146.479 31.05 146.089 30.19 145.329 29.55C144.569 28.89 143.639 28.56 142.539 28.56C141.499 28.56 140.619 28.88 139.899 29.52C139.199 30.14 138.769 31.01 138.609 32.13H146.499ZM158.115 19.8V42H153.915V19.8H158.115ZM169.644 42.27C168.044 42.27 166.604 41.92 165.324 41.22C164.044 40.5 163.034 39.49 162.294 38.19C161.574 36.89 161.214 35.39 161.214 33.69C161.214 31.99 161.584 30.49 162.324 29.19C163.084 27.89 164.114 26.89 165.414 26.19C166.714 25.47 168.164 25.11 169.764 25.11C171.364 25.11 172.814 25.47 174.114 26.19C175.414 26.89 176.434 27.89 177.174 29.19C177.934 30.49 178.314 31.99 178.314 33.69C178.314 35.39 177.924 36.89 177.144 38.19C176.384 39.49 175.344 40.5 174.024 41.22C172.724 41.92 171.264 42.27 169.644 42.27ZM169.644 38.61C170.404 38.61 171.114 38.43 171.774 38.07C172.454 37.69 172.994 37.13 173.394 36.39C173.794 35.65 173.994 34.75 173.994 33.69C173.994 32.11 173.574 30.9 172.734 30.06C171.914 29.2 170.904 28.77 169.704 28.77C168.504 28.77 167.494 29.2 166.674 30.06C165.874 30.9 165.474 32.11 165.474 33.69C165.474 35.27 165.864 36.49 166.644 37.35C167.444 38.19 168.444 38.61 169.644 38.61ZM185.595 27.78C186.135 27.02 186.875 26.39 187.815 25.89C188.775 25.37 189.865 25.11 191.085 25.11C192.505 25.11 193.785 25.46 194.925 26.16C196.085 26.86 196.995 27.86 197.655 29.16C198.335 30.44 198.675 31.93 198.675 33.63C198.675 35.33 198.335 36.84 197.655 38.16C196.995 39.46 196.085 40.47 194.925 41.19C193.785 41.91 192.505 42.27 191.085 42.27C189.865 42.27 188.785 42.02 187.845 41.52C186.925 41.02 186.175 40.39 185.595 39.63V49.92H181.395V25.38H185.595V27.78ZM194.385 33.63C194.385 32.63 194.175 31.77 193.755 31.05C193.355 30.31 192.815 29.75 192.135 29.37C191.475 28.99 190.755 28.8 189.975 28.8C189.215 28.8 188.495 29 187.815 29.4C187.155 29.78 186.615 30.34 186.195 31.08C185.795 31.82 185.595 32.69 185.595 33.69C185.595 34.69 185.795 35.56 186.195 36.3C186.615 37.04 187.155 37.61 187.815 38.01C188.495 38.39 189.215 38.58 189.975 38.58C190.755 38.58 191.475 38.38 192.135 37.98C192.815 37.58 193.355 37.01 193.755 36.27C194.175 35.53 194.385 34.65 194.385 33.63ZM217.177 33.33C217.177 33.93 217.137 34.47 217.057 34.95H204.907C205.007 36.15 205.427 37.09 206.167 37.77C206.907 38.45 207.817 38.79 208.897 38.79C210.457 38.79 211.567 38.12 212.227 36.78H216.757C216.277 38.38 215.357 39.7 213.997 40.74C212.637 41.76 210.967 42.27 208.987 42.27C207.387 42.27 205.947 41.92 204.667 41.22C203.407 40.5 202.417 39.49 201.697 38.19C200.997 36.89 200.647 35.39 200.647 33.69C200.647 31.97 200.997 30.46 201.697 29.16C202.397 27.86 203.377 26.86 204.637 26.16C205.897 25.46 207.347 25.11 208.987 25.11C210.567 25.11 211.977 25.45 213.217 26.13C214.477 26.81 215.447 27.78 216.127 29.04C216.827 30.28 217.177 31.71 217.177 33.33ZM212.827 32.13C212.807 31.05 212.417 30.19 211.657 29.55C210.897 28.89 209.967 28.56 208.867 28.56C207.827 28.56 206.947 28.88 206.227 29.52C205.527 30.14 205.097 31.01 204.937 32.13H212.827ZM224.443 27.96C224.983 27.08 225.683 26.39 226.543 25.89C227.423 25.39 228.423 25.14 229.543 25.14V29.55H228.433C227.113 29.55 226.113 29.86 225.433 30.48C224.773 31.1 224.443 32.18 224.443 33.72V42H220.243V25.38H224.443V27.96ZM238.732 42.27C237.372 42.27 236.152 42.03 235.072 41.55C233.992 41.05 233.132 40.38 232.492 39.54C231.872 38.7 231.532 37.77 231.472 36.75H235.702C235.782 37.39 236.092 37.92 236.632 38.34C237.192 38.76 237.882 38.97 238.702 38.97C239.502 38.97 240.122 38.81 240.562 38.49C241.022 38.17 241.252 37.76 241.252 37.26C241.252 36.72 240.972 36.32 240.412 36.06C239.872 35.78 239.002 35.48 237.802 35.16C236.562 34.86 235.542 34.55 234.742 34.23C233.962 33.91 233.282 33.42 232.702 32.76C232.142 32.1 231.862 31.21 231.862 30.09C231.862 29.17 232.122 28.33 232.642 27.57C233.182 26.81 233.942 26.21 234.922 25.77C235.922 25.33 237.092 25.11 238.432 25.11C240.412 25.11 241.992 25.61 243.172 26.61C244.352 27.59 245.002 28.92 245.122 30.6H241.102C241.042 29.94 240.762 29.42 240.262 29.04C239.782 28.64 239.132 28.44 238.312 28.44C237.552 28.44 236.962 28.58 236.542 28.86C236.142 29.14 235.942 29.53 235.942 30.03C235.942 30.59 236.222 31.02 236.782 31.32C237.342 31.6 238.212 31.89 239.392 32.19C240.592 32.49 241.582 32.8 242.362 33.12C243.142 33.44 243.812 33.94 244.372 34.62C244.952 35.28 245.252 36.16 245.272 37.26C245.272 38.22 245.002 39.08 244.462 39.84C243.942 40.6 243.182 41.2 242.182 41.64C241.202 42.06 240.052 42.27 238.732 42.27Z"
-      fill="black"
+      fill={textColor}
     />
     <path
       d="M42.6667 48L58.6667 32L42.6667 16"
-      stroke="#007E8A"
+      stroke={bracketColor}
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
     />
     <path
       d="M21.3333 16L5.33334 32L21.3333 48"
-      stroke="#007E8A"
+      stroke={bracketColor}
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
@@ -32,6 +32,13 @@ const Logo = ({ className }) => (
 
 Logo.propTypes = {
   className: PropTypes.string,
+  bracketColor: PropTypes.string,
+  textColor: PropTypes.string,
+};
+
+Logo.defaultProps = {
+  bracketColor: '#007E8A',
+  textColor: 'black',
 };
 
 export default Logo;
diff --git a/src/images/developers-logo-footer.svg b/src/images/developers-logo-footer.svg
deleted file mode 100644
index 576ba02f3..000000000
--- a/src/images/developers-logo-footer.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="195" height="45" viewBox="0 0 195 45" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M30 33.75L41.25 22.5L30 11.25" stroke="#7DA5A8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 11.25L3.75 22.5L15 33.75" stroke="#7DA5A8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M59.9505 14.05C61.7838 14.05 63.3922 14.4083 64.7755 15.125C66.1755 15.8417 67.2505 16.8667 68.0005 18.2C68.7672 19.5167 69.1505 21.05 69.1505 22.8C69.1505 24.55 68.7672 26.0833 68.0005 27.4C67.2505 28.7 66.1755 29.7083 64.7755 30.425C63.3922 31.1417 61.7838 31.5 59.9505 31.5H53.8505V14.05H59.9505ZM59.8255 28.525C61.6588 28.525 63.0755 28.025 64.0755 27.025C65.0755 26.025 65.5755 24.6167 65.5755 22.8C65.5755 20.9833 65.0755 19.5667 64.0755 18.55C63.0755 17.5167 61.6588 17 59.8255 17H57.3505V28.525H59.8255ZM84.6454 24.275C84.6454 24.775 84.6121 25.225 84.5454 25.625H74.4204C74.5037 26.625 74.8537 27.4083 75.4704 27.975C76.0871 28.5417 76.8454 28.825 77.7454 28.825C79.0454 28.825 79.9704 28.2667 80.5204 27.15H84.2954C83.8954 28.4833 83.1287 29.5833 81.9954 30.45C80.8621 31.3 79.4704 31.725 77.8204 31.725C76.4871 31.725 75.2871 31.4333 74.2204 30.85C73.1704 30.25 72.3454 29.4083 71.7454 28.325C71.1621 27.2417 70.8704 25.9917 70.8704 24.575C70.8704 23.1417 71.1621 21.8833 71.7454 20.8C72.3287 19.7167 73.1454 18.8833 74.1954 18.3C75.2454 17.7167 76.4537 17.425 77.8204 17.425C79.1371 17.425 80.3121 17.7083 81.3454 18.275C82.3954 18.8417 83.2037 19.65 83.7704 20.7C84.3537 21.7333 84.6454 22.925 84.6454 24.275ZM81.0204 23.275C81.0037 22.375 80.6787 21.6583 80.0454 21.125C79.4121 20.575 78.6371 20.3 77.7204 20.3C76.8537 20.3 76.1204 20.5667 75.5204 21.1C74.9371 21.6167 74.5787 22.3417 74.4454 23.275H81.0204ZM92.9751 28.275L96.4751 17.65H100.2L95.0751 31.5H90.8251L85.7251 17.65H89.4751L92.9751 28.275ZM115.041 24.275C115.041 24.775 115.008 25.225 114.941 25.625H104.816C104.899 26.625 105.249 27.4083 105.866 27.975C106.483 28.5417 107.241 28.825 108.141 28.825C109.441 28.825 110.366 28.2667 110.916 27.15H114.691C114.291 28.4833 113.524 29.5833 112.391 30.45C111.258 31.3 109.866 31.725 108.216 31.725C106.883 31.725 105.683 31.4333 104.616 30.85C103.566 30.25 102.741 29.4083 102.141 28.325C101.558 27.2417 101.266 25.9917 101.266 24.575C101.266 23.1417 101.558 21.8833 102.141 20.8C102.724 19.7167 103.541 18.8833 104.591 18.3C105.641 17.7167 106.849 17.425 108.216 17.425C109.533 17.425 110.708 17.7083 111.741 18.275C112.791 18.8417 113.599 19.65 114.166 20.7C114.749 21.7333 115.041 22.925 115.041 24.275ZM111.416 23.275C111.399 22.375 111.074 21.6583 110.441 21.125C109.808 20.575 109.033 20.3 108.116 20.3C107.249 20.3 106.516 20.5667 105.916 21.1C105.333 21.6167 104.974 22.3417 104.841 23.275H111.416ZM121.096 13V31.5H117.596V13H121.096ZM130.704 31.725C129.37 31.725 128.17 31.4333 127.104 30.85C126.037 30.25 125.195 29.4083 124.579 28.325C123.979 27.2417 123.679 25.9917 123.679 24.575C123.679 23.1583 123.987 21.9083 124.604 20.825C125.237 19.7417 126.095 18.9083 127.179 18.325C128.262 17.725 129.47 17.425 130.804 17.425C132.137 17.425 133.345 17.725 134.429 18.325C135.512 18.9083 136.362 19.7417 136.979 20.825C137.612 21.9083 137.929 23.1583 137.929 24.575C137.929 25.9917 137.604 27.2417 136.954 28.325C136.32 29.4083 135.454 30.25 134.354 30.85C133.27 31.4333 132.054 31.725 130.704 31.725ZM130.704 28.675C131.337 28.675 131.929 28.525 132.479 28.225C133.045 27.9083 133.495 27.4417 133.829 26.825C134.162 26.2083 134.329 25.4583 134.329 24.575C134.329 23.2583 133.979 22.25 133.279 21.55C132.595 20.8333 131.754 20.475 130.754 20.475C129.754 20.475 128.912 20.8333 128.229 21.55C127.562 22.25 127.229 23.2583 127.229 24.575C127.229 25.8917 127.554 26.9083 128.204 27.625C128.87 28.325 129.704 28.675 130.704 28.675ZM143.996 19.65C144.446 19.0167 145.063 18.4917 145.846 18.075C146.646 17.6417 147.554 17.425 148.571 17.425C149.754 17.425 150.821 17.7167 151.771 18.3C152.738 18.8833 153.496 19.7167 154.046 20.8C154.613 21.8667 154.896 23.1083 154.896 24.525C154.896 25.9417 154.613 27.2 154.046 28.3C153.496 29.3833 152.738 30.225 151.771 30.825C150.821 31.425 149.754 31.725 148.571 31.725C147.554 31.725 146.654 31.5167 145.871 31.1C145.104 30.6833 144.479 30.1583 143.996 29.525V38.1H140.496V17.65H143.996V19.65ZM151.321 24.525C151.321 23.6917 151.146 22.975 150.796 22.375C150.463 21.7583 150.013 21.2917 149.446 20.975C148.896 20.6583 148.296 20.5 147.646 20.5C147.013 20.5 146.413 20.6667 145.846 21C145.296 21.3167 144.846 21.7833 144.496 22.4C144.163 23.0167 143.996 23.7417 143.996 24.575C143.996 25.4083 144.163 26.1333 144.496 26.75C144.846 27.3667 145.296 27.8417 145.846 28.175C146.413 28.4917 147.013 28.65 147.646 28.65C148.296 28.65 148.896 28.4833 149.446 28.15C150.013 27.8167 150.463 27.3417 150.796 26.725C151.146 26.1083 151.321 25.375 151.321 24.525ZM170.314 24.275C170.314 24.775 170.281 25.225 170.214 25.625H160.089C160.173 26.625 160.523 27.4083 161.139 27.975C161.756 28.5417 162.514 28.825 163.414 28.825C164.714 28.825 165.639 28.2667 166.189 27.15H169.964C169.564 28.4833 168.798 29.5833 167.664 30.45C166.531 31.3 165.139 31.725 163.489 31.725C162.156 31.725 160.956 31.4333 159.889 30.85C158.839 30.25 158.014 29.4083 157.414 28.325C156.831 27.2417 156.539 25.9917 156.539 24.575C156.539 23.1417 156.831 21.8833 157.414 20.8C157.998 19.7167 158.814 18.8833 159.864 18.3C160.914 17.7167 162.123 17.425 163.489 17.425C164.806 17.425 165.981 17.7083 167.014 18.275C168.064 18.8417 168.873 19.65 169.439 20.7C170.023 21.7333 170.314 22.925 170.314 24.275ZM166.689 23.275C166.673 22.375 166.348 21.6583 165.714 21.125C165.081 20.575 164.306 20.3 163.389 20.3C162.523 20.3 161.789 20.5667 161.189 21.1C160.606 21.6167 160.248 22.3417 160.114 23.275H166.689ZM176.369 19.8C176.819 19.0667 177.402 18.4917 178.119 18.075C178.852 17.6583 179.686 17.45 180.619 17.45V21.125H179.694C178.594 21.125 177.761 21.3833 177.194 21.9C176.644 22.4167 176.369 23.3167 176.369 24.6V31.5H172.869V17.65H176.369V19.8ZM188.276 31.725C187.143 31.725 186.126 31.525 185.226 31.125C184.326 30.7083 183.61 30.15 183.076 29.45C182.56 28.75 182.276 27.975 182.226 27.125H185.751C185.818 27.6583 186.076 28.1 186.526 28.45C186.993 28.8 187.568 28.975 188.251 28.975C188.918 28.975 189.435 28.8417 189.801 28.575C190.185 28.3083 190.376 27.9667 190.376 27.55C190.376 27.1 190.143 26.7667 189.676 26.55C189.226 26.3167 188.501 26.0667 187.501 25.8C186.468 25.55 185.618 25.2917 184.951 25.025C184.301 24.7583 183.735 24.35 183.251 23.8C182.785 23.25 182.551 22.5083 182.551 21.575C182.551 20.8083 182.768 20.1083 183.201 19.475C183.651 18.8417 184.285 18.3417 185.101 17.975C185.935 17.6083 186.91 17.425 188.026 17.425C189.676 17.425 190.993 17.8417 191.976 18.675C192.96 19.4917 193.501 20.6 193.601 22H190.251C190.201 21.45 189.968 21.0167 189.551 20.7C189.151 20.3667 188.61 20.2 187.926 20.2C187.293 20.2 186.801 20.3167 186.451 20.55C186.118 20.7833 185.951 21.1083 185.951 21.525C185.951 21.9917 186.185 22.35 186.651 22.6C187.118 22.8333 187.843 23.075 188.826 23.325C189.826 23.575 190.651 23.8333 191.301 24.1C191.951 24.3667 192.51 24.7833 192.976 25.35C193.46 25.9 193.71 26.6333 193.726 27.55C193.726 28.35 193.501 29.0667 193.051 29.7C192.618 30.3333 191.985 30.8333 191.151 31.2C190.335 31.55 189.376 31.725 188.276 31.725Z" fill="#7DA5A8"/>
-</svg>