import React from 'react'

import Sports from '../sports'
import Countries from '../countries'
import PlacardLink from '../placard-link/index'

export default (props) => (
  <header>
    <nav>
      <PlacardLink />
      {
        !props.loadingSports &&
        <Sports sports={props.sports} hideChildren>
          <Countries />
        </Sports>
      }
    </nav>
  </header>
)

import React from 'react'
import { NavLink } from 'react-router-dom'

import Sports from '../sports'
import Countries from '../countries'
import PlacardLink from '../placard-link/index'

export default (props) => (
  <header>
    <nav>
      <NavLink exact to='/' className='to-right'>Home</NavLink>
      <PlacardLink />
      {
        !props.loadingSports &&
        <Sports sports={props.sports} hideChildren>
          <Countries />
        </Sports>
      }
    </nav>
  </header>
)

Add a link to the home page in order to list all the events that happen within the next 24 hours.
Add a link to the home page in order to list all the events that happen within the next 24 hours.
