2016-11-28 18:47:47 +01:00
|
|
|
import React from 'react'
|
2016-12-09 23:07:42 +01:00
|
|
|
import {connect} from 'react-redux'
|
2016-11-28 18:47:47 +01:00
|
|
|
|
2016-12-15 01:06:14 +01:00
|
|
|
import {Segment, Header, Rail, Container} from 'semantic-ui-react'
|
2016-11-28 18:47:47 +01:00
|
|
|
import {Link} from 'react-router'
|
|
|
|
|
2016-12-09 23:07:42 +01:00
|
|
|
import * as Actions from '../actions'
|
2016-12-15 01:06:14 +01:00
|
|
|
import SaveStatus from './SaveStatus'
|
2016-12-09 23:07:42 +01:00
|
|
|
|
|
|
|
const mapStateToProps = (state) => ({
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
const mapDispatchToProps = dispatch => ({
|
|
|
|
onClear: () => {
|
|
|
|
dispatch(Actions.clearInput())
|
|
|
|
dispatch(Actions.clearCompare())
|
|
|
|
},
|
|
|
|
})
|
|
|
|
|
2016-11-30 20:57:35 +01:00
|
|
|
const SiteHeader = (props) => (
|
2016-12-15 01:06:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
<Segment basic >
|
|
|
|
|
|
|
|
<Segment basic padded textAlign="center" as="header" id='masthead'>
|
|
|
|
<Header><Link onClick={props.onClear} to="/">dubdiff</Link></Header>
|
|
|
|
</Segment>
|
|
|
|
|
|
|
|
<Rail internal position="right">
|
|
|
|
<Segment basic padded>
|
|
|
|
<SaveStatus/>
|
|
|
|
</Segment>
|
|
|
|
</Rail>
|
|
|
|
|
|
|
|
</Segment>
|
2016-11-28 18:47:47 +01:00
|
|
|
)
|
|
|
|
|
2016-12-09 23:07:42 +01:00
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(SiteHeader)
|