Remove unncessary comp. Fix spacing for github link

.circleci/config.yml

@@ -93,6 +93,7 @@ workflows:
               only:
                 - develop
                 - fix/circleci
+                - fix/spacing
       - deploy-master:
           requires:
             - set-up

src/components/Header/Header.spec.tsx

@@ -1,17 +1,21 @@
-import { mount } from 'enzyme'
-import toJSON from 'enzyme-to-json'
-import * as React from 'react'
+import { mount } from 'enzyme';
+import toJSON from 'enzyme-to-json';
+import * as React from 'react';
 
-import { wrapWithMemoryRouter } from 'utils/test'
-import { Header } from './Header'
+import { wrapWithMemoryRouter } from 'utils/test';
+import { Header } from './Header';
 
 describe('Header', () => {
   it('should render', () => {
     // arrange
     // act
-    const comp = mount(wrapWithMemoryRouter(<Header />))
+    const comp = mount(
+      wrapWithMemoryRouter(
+        <Header title="A title" tagline="A tagline" titleLink="/a-link" />
+      )
+    );
 
     // assert
-    expect(toJSON(comp)).toMatchSnapshot()
-  })
-})
+    expect(toJSON(comp)).toMatchSnapshot();
+  });
+});

src/components/Header/Header.tsx

@@ -2,27 +2,37 @@ import * as cn from 'classnames';
 import * as React from 'react';
 
 import { Logo } from 'components';
-import { Link } from 'react-router-dom';
 
 import styles from './Header.scss';
 
-export const Header: React.FunctionComponent<{}> = () => (
+type Props = {
+  title: string;
+  titleLink: string;
+  tagline: string;
+};
+
+export const Header: React.FunctionComponent<Props> = ({
+  title,
+  titleLink,
+  tagline
+}) => (
   <div className={styles.header}>
     <Logo />
     <div className={styles.text}>
       <h1 className={styles.headerTitle}>
-        <Link to="/search" className={styles.link}>
-          React.js Videos
-        </Link>
+        <a href={titleLink} className={styles.link}>
+          {title}
+        </a>
       </h1>
-      <p className={styles.headerText}> Search React.js conference videos. </p>
+      <p className={styles.headerText}> {tagline} </p>
       <p className={cn(styles.headerText, styles.contribute)}>
         Contribute
         <a
           className={styles.contributeLink}
           href="https://github.com/simonccarter/react-conf-videos"
           aria-label="Contribute at our github repo"
         >
+          {' '}
           at our github repo
         </a>
         .

src/components/Pages/ConfPage/ConfPage.tsx

@@ -1,5 +1,5 @@
 import {
-  ConfPageHeader,
+  Header,
   InnerLayoutContainer,
   List,
   Meta,
@@ -36,7 +36,7 @@ export const ConfPageInner: React.FunctionComponent<Props> = ({
   return (
     <div>
       <Meta title={conference.title} />
-      <ConfPageHeader
+      <Header
         title={conference.title}
         titleLink={conference.website}
         tagline={`

src/components/Pages/FrontPage/FrontPage.tsx

@@ -34,7 +34,11 @@ export const FrontPageInner: React.FunctionComponent<Props> = ({
   return (
     <div>
       <Meta title={filterValue} />
-      <Header />
+      <Header
+        title="React.js Videos"
+        titleLink="/#/search"
+        tagline="Search React.js conference videos."
+      />
       <InnerLayoutContainer>
         <SearchInput filterValue={filterValue} onChange={onInputChange} />
         <ResultDetails conferences={conferences} />

src/components/index.ts

@@ -1,5 +1,4 @@
 import { ConferenceDetails } from 'components/ConferenceDetails';
-import { ConfPageHeader } from 'components/ConfPageHeader';
 import { Header } from 'components/Header';
 import { ScrollToTop } from 'components/HOCS/ScrollToTop';
 import { Tracker } from 'components/HOCS/Tracker';
@@ -24,7 +23,6 @@ export {
   ScrollToTop,
   SearchInput,
   ResultDetails,
-  ConfPageHeader,
   ConferenceDetails,
   InnerLayoutContainer
 };