5 import '../App.css'; |
5 import '../App.css'; |
6 import Navbar from './Navbar'; |
6 import Navbar from './Navbar'; |
7 import NoteInput from './NoteInput'; |
7 import NoteInput from './NoteInput'; |
8 import NotesList from './NotesList'; |
8 import NotesList from './NotesList'; |
9 import SessionForm from './SessionForm'; |
9 import SessionForm from './SessionForm'; |
|
10 import SessionSummary from './SessionSummary'; |
10 import * as sessionsActions from '../actions/sessionsActions'; |
11 import * as sessionsActions from '../actions/sessionsActions'; |
11 import * as notesActions from '../actions/notesActions'; |
12 import * as notesActions from '../actions/notesActions'; |
12 |
13 |
13 class Session extends Component { |
14 class Session extends Component { |
14 |
|
15 render() { |
15 render() { |
16 return ( |
16 return ( |
17 <div> |
17 <div> |
18 <Navbar history={this.props.history} /> |
18 <Navbar history={this.props.history} /> |
19 <div className="session-container"> |
19 <div className="session-container"> |
20 <Grid fluid className="session-notes"> |
20 <div className="session-notes"> |
21 <Row> |
21 <div className="notes-affix"> |
22 <Col md={3}> |
22 <SessionSummary notes={this.props.notes} /> |
23 <SessionForm session={this.props.currentSession} /> |
23 </div> |
24 </Col> |
24 <div className="notes-list"> |
25 <Col md={9}> |
25 <SessionForm session={this.props.currentSession} /> |
26 <NotesList notes={this.props.notes} /> |
26 <hr /> |
27 </Col> |
27 <NotesList notes={this.props.notes} /> |
28 </Row> |
28 </div> |
29 </Grid> |
29 </div> |
30 <section className="editor-fixed"> |
30 <section className="editor-fixed"> |
31 <Grid fluid> |
31 <Grid fluid> |
32 <Row> |
32 <Row> |
33 <Col md={9} mdOffset={3}> |
33 <Col md={9} mdOffset={3}> |
34 <NoteInput session={this.props.currentSession} addNote={this.props.notesActions.addNote} /> |
34 <NoteInput session={this.props.currentSession} addNote={this.props.notesActions.addNote} /> |