feat: Use Logo component for mobile header

newrelic · Jun 17, 2020 · f79be06 · f79be06
1 parent 5fbbd5d
commit f79be06
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/MobileHeader.js b/src/components/MobileHeader.js
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'gatsby';
 import cx from 'classnames';
+import Logo from './Logo';
 import Navigation from './Navigation';
 import HamburgerMenu from './HamburgerMenu';
 import styles from './MobileHeader.module.scss';
@@ -10,7 +11,9 @@ const MobileHeader = ({ className, isOpen, toggle }) => {
   return (
     <header className={cx(styles.container, className)}>
       <div className={styles.menuBar}>
-        <Link to="/" className={styles.logo} />
+        <Link to="/">
+          <Logo className={styles.logo} />
+        </Link>
 
         <HamburgerMenu
           className={styles.hamburgerMenu}

diff --git a/src/components/MobileHeader.module.scss b/src/components/MobileHeader.module.scss
@@ -13,11 +13,6 @@
 
 .logo {
   width: 160px;
-  height: 34px;
-  background-size: 160px 34px;
-  background-repeat: no-repeat;
-  display: inline-block;
-  background-image: url('../images/developers-logo.svg');
 }
 
 .navigation {