import React from 'react'

const Header = (props) => {
  return (
    <div>
      <button onClick={() => { props.actions.prevDate() }}>prev</button>
      <h2>
        {props.store.date}
        <button onClick={() => { props.actions.gotoToday() }}>today</button>
      </h2>
      <button onClick={() => { props.actions.nextDate() }}>next</button>
    </div>
  )
}

export default Header

@@ -36,21 +36,16 @@
 ader = (
-props
 ) =%3E %7B%0A 
@@ -63,219 +63,544 @@
    %3C
-div%3E%0A      %3Cbutton onClick=%7B() =%3E %7B props.actions.prevDate() %7D%7D%3Eprev%3C/button%3E%0A      %3Ch2%3E%0A        %7Bprops.store.date%7D%0A        %3Cbutton onClick=%7B() =%3E %7B props.actions.gotoToday() %7D%7D%3Etoday%3C/button%3E%0A      %3C/h2
+section className=%22hero is-dark is-medium%22%3E%0A      %3Cheader className=%22nav%22%3E%0A        %3Cdiv className=%22container%22%3E%0A          %3Cdiv className=%22nav-left%22%3E%0A            %3Ca className=%22nav-item title%22%3E%0A              streamer%0A            %3C/a%3E%0A          %3C/div%3E%0A          %3Cdiv className=%22nav-right nav-menu%22%3E%0A            %3Ca className=%22nav-item%22%3E%0A              %3Ci className=%22fa fa-search%22 /%3E%0A              %E6%A4%9C%E7%B4%A2%0A            %3C/a%3E%0A            %3Ca className=%22nav-item%22%3E%0A              %3Ci className=%22fa fa-user-plus%22 /%3E%0A              %E7%99%BB%E9%8C%B2%0A            %3C/a
 %3E%0A      
 %3Cbut
@@ -599,84 +599,182 @@
     
+ 
-%3Cbutton onClick=%7B() =%3E %7B props.actions.nextDate() %7D%7D%3Enext%3C/button%3E%0A    %3C/div
+     %3Ca className=%22nav-item%22%3E%0A              %3Ci className=%22fa fa-sign-in%22 /%3E%0A              %E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%0A            %3C/a%3E%0A          %3C/div%3E%0A        %3C/div%3E%0A      %3C/header%3E%0A    %3C/section
 %3E%0A  

Add Header component