blob: eb1c3b9fcaaefb08ecec9f146207ea982f3756ac (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
import React from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'
import * as graphActions from '../../graph/graph.actions'
import * as pageActions from '../page.actions'
function PageHeader(props) {
return (
<header>
<div>
<Link to={props.graph.show.res ? "/" + props.graph.show.res.path : "/"} className="logo"><b>{props.site.siteTitle}</b></Link>
</div>
<div>
<button onClick={() => props.pageActions.toggleAddTileForm()}>+ Add tile</button>
<button onClick={() => props.pageActions.toggleTileList()}>Sort tiles</button>
<button onClick={() => props.graphActions.toggleEditPageForm()}>Edit page</button>
</div>
</header>
)
}
const mapStateToProps = (state) => ({
// auth: state.auth,
site: state.site,
graph: state.graph,
// isAuthenticated: state.auth.isAuthenticated,
})
const mapDispatchToProps = (dispatch) => ({
graphActions: bindActionCreators({ ...graphActions }, dispatch),
pageActions: bindActionCreators({ ...pageActions }, dispatch),
})
export default connect(mapStateToProps, mapDispatchToProps)(PageHeader)
|
