1 files changed, 0 insertions, 71 deletions
diff --git a/finished-application/frontend/components/Header.js b/finished-application/frontend/components/Header.js
deleted file mode 100644
index bb05c34..0000000
--- a/finished-application/frontend/components/Header.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import NProgress from 'nprogress';
-import Router from 'next/router';
-import styled from 'styled-components';
-import Link from 'next/link';
-import Cart from './Cart';
-import Search from './Search';
-import Nav from './Nav';
-
-Router.onRouteChangeStart = () => {
-  NProgress.start();
-};
-Router.onRouteChangeComplete = () => NProgress.done();
-Router.onRouteChangeError = () => NProgress.done();
-
-const StyledHeader = styled.header`
-  .bar {
-    border-bottom: 10px solid ${props => props.theme.black};
-    display: grid;
-    grid-template-columns: auto 1fr;
-    justify-content: space-between;
-    align-items: stretch;
-    @media (max-width: 1300px) {
-      grid-template-columns: 1fr;
-      justify-content: center;
-    }
-  }
-  .sub-bar {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    border-bottom: 1px solid ${props => props.theme.lightgrey};
-  }
-`;
-
-const Logo = styled.h1`
-  font-size: 4rem;
-  margin-left: 2rem;
-  position: relative;
-  z-index: 2;
-  transform: skew(-7deg);
-  a {
-    padding: 0.5rem 1rem;
-    background: ${props => props.theme.red};
-    color: white;
-    letter-spacing: -2px;
-    text-transform: uppercase;
-  }
-  @media (max-width: 1300px) {
-    margin: 0;
-    text-align: center;
-  }
-`;
-
-const Header = () => (
-  <StyledHeader>
-    <div className="bar">
-      <Logo>
-        <Link href="/">
-          <a>Sick&nbsp;Fits!</a>
-        </Link>
-      </Logo>
-      <Nav />
-    </div>
-    <div className="sub-bar">
-      <Search />
-    </div>
-    <Cart />
-  </StyledHeader>
-);
-
-export default Header;