1 import React, { Component } from 'react'; |
1 import React, { Component } from 'react'; |
2 import { connect } from 'react-redux'; |
2 import { connect } from 'react-redux'; |
3 import { bindActionCreators } from 'redux'; |
3 import { bindActionCreators } from 'redux'; |
4 import '../App.css'; |
4 import '../App.css'; |
|
5 import './Session.css'; |
5 import Navbar from './Navbar'; |
6 import Navbar from './Navbar'; |
6 import NoteInput from './NoteInput'; |
7 import NoteInput from './NoteInput'; |
7 import NotesList from './NotesList'; |
8 import NotesList from './NotesList'; |
8 import SessionForm from './SessionForm'; |
9 import SessionForm from './SessionForm'; |
9 import SessionSummary from './SessionSummary'; |
10 import SessionSummary from './SessionSummary'; |
19 return ( |
20 return ( |
20 <div> |
21 <div> |
21 <Navbar history={this.props.history} /> |
22 <Navbar history={this.props.history} /> |
22 <div className="session-container"> |
23 <div className="session-container"> |
23 <div className="session-notes"> |
24 <div className="session-notes"> |
24 <div className="notes-affix"> |
25 <div className="notes-affix"> |
25 <SessionSummary notes={this.props.notes} /> |
26 <SessionSummary notes={this.props.notes} /> |
26 </div> |
27 </div> |
27 <div className="notes-list"> |
28 <div className="notes-list"> |
28 <SessionForm session={this.props.currentSession} /> |
29 <SessionForm session={this.props.currentSession} /> |
29 <hr /> |
|
30 <NotesList |
30 <NotesList |
31 notes={this.props.notes} |
31 notes={this.props.notes} |
32 deleteNote={this.props.notesActions.deleteNote} |
32 deleteNote={this.props.notesActions.deleteNote} |
33 updateNote={this.props.notesActions.updateNote} |
33 updateNote={this.props.notesActions.updateNote} |
34 annotationCategories={this.props.annotationCategories} |
34 annotationCategories={this.props.annotationCategories} |
35 /> |
35 /> |
36 </div> |
36 </div> |
37 </div> |
37 </div> |
38 <section className="editor-fixed"> |
38 <section className="editor-fixed pl-5"> |
39 <div className="container-fluid"> |
39 <div className="container-fluid"> |
40 <div className="row"> |
40 <div className="row"> |
41 <div className="col-lg-9 offset-md-3"> |
41 <div className="col-lg-10 offset-md-2"> |
42 <NoteInput |
42 <NoteInput |
43 session={this.props.currentSession} |
43 session={this.props.currentSession} |
44 autoSubmit={this.props.autoSubmit} |
44 autoSubmit={this.props.autoSubmit} |
45 addNote={this.props.notesActions.addNote} |
45 addNote={this.props.notesActions.addNote} |
46 setAutoSubmit={this.props.userActions.setAutoSubmit} |
46 setAutoSubmit={this.props.userActions.setAutoSubmit} |