6 import { withRouter } from 'react-router'; |
6 import { withRouter } from 'react-router'; |
7 import { bindActionCreators } from 'redux'; |
7 import { bindActionCreators } from 'redux'; |
8 // import logo from './logo.svg'; |
8 // import logo from './logo.svg'; |
9 import Modal from 'react-modal'; |
9 import Modal from 'react-modal'; |
10 import * as authActions from '../actions/authActions'; |
10 import * as authActions from '../actions/authActions'; |
|
11 import * as sessionsActions from '../actions/sessionsActions'; |
11 import { forceSync } from '../actions/networkActions'; |
12 import { forceSync } from '../actions/networkActions'; |
12 import { groupSetCurrent } from '../actions/groupActions'; |
13 import { groupSetCurrent } from '../actions/groupActions'; |
13 import { isAuthenticated, getCurrentUser, getOnline, getCurrentGroup, getGroups } from '../selectors/authSelectors'; |
14 import { isAuthenticated, getCurrentUser, getOnline, getCurrentGroup, getGroups } from '../selectors/authSelectors'; |
14 import { isSynchronizing, isSynchronized } from '../selectors/syncSelectors'; |
15 import { isSynchronizing, isSynchronized } from '../selectors/syncSelectors'; |
15 import CreateSession from './CreateSession'; |
16 import CreateSession from './CreateSession'; |
151 <a className="nav-link " onClick={this.onClickSessions} href="/sessions">Accueil</a> |
152 <a className="nav-link " onClick={this.onClickSessions} href="/sessions">Accueil</a> |
152 </li> |
153 </li> |
153 </ul> |
154 </ul> |
154 <ul className="navbar-nav navbar-center"> |
155 <ul className="navbar-nav navbar-center"> |
155 <li className="nav-item text-secondary"> |
156 <li className="nav-item text-secondary"> |
156 <CreateSession history={this.props.history}/> |
157 <CreateSession |
|
158 history={this.props.history} |
|
159 group={this.props.currentGroup} |
|
160 createSession={this.props.sessionsActions.createSession} |
|
161 /> |
157 </li> |
162 </li> |
158 </ul> |
163 </ul> |
159 <ul className="nav navbar-nav ml-auto"> |
164 <ul className="nav navbar-nav ml-auto"> |
160 <NavbarGroup currentGroup={this.props.currentGroup} groups={this.props.groups} onSelect={this.onGroupSelect}/> |
165 <NavbarGroup currentGroup={this.props.currentGroup} groups={this.props.groups} onSelect={this.onGroupSelect}/> |
161 <SyncButton id='sync-button' isAuthenticated={this.props.isAuthenticated} onSyncClick={this.onSyncClick} isSynchronizing={this.props.isSynchronizing} isSynchronized={this.props.isSynchronized} /> |
166 <SyncButton id='sync-button' isAuthenticated={this.props.isAuthenticated} onSyncClick={this.onSyncClick} isSynchronizing={this.props.isSynchronizing} isSynchronized={this.props.isSynchronized} /> |
206 |
211 |
207 function mapDispatchToProps(dispatch) { |
212 function mapDispatchToProps(dispatch) { |
208 return { |
213 return { |
209 authActions: bindActionCreators(authActions, dispatch), |
214 authActions: bindActionCreators(authActions, dispatch), |
210 networkActions: bindActionCreators({ forceSync }, dispatch), |
215 networkActions: bindActionCreators({ forceSync }, dispatch), |
211 groupActions: bindActionCreators({ groupSetCurrent }, dispatch) |
216 groupActions: bindActionCreators({ groupSetCurrent }, dispatch), |
|
217 sessionsActions: bindActionCreators(sessionsActions, dispatch), |
212 } |
218 } |
213 } |
219 } |
214 |
220 |
215 export default connect(mapStateToProps, mapDispatchToProps)(withRouter(AppNavbar)); |
221 export default connect(mapStateToProps, mapDispatchToProps)(withRouter(AppNavbar)); |