equal
deleted
inserted
replaced
1 import React, { Component } from 'react'; |
1 import React, { Component } from 'react'; |
2 import logo from './logo.svg'; |
2 |
3 import { Grid, Navbar, Jumbotron, Button, Row, Col} from 'react-bootstrap'; |
3 // import logo from './logo.svg'; |
|
4 import { Grid, Row, Col, Alert } from 'react-bootstrap'; |
4 import './App.css'; |
5 import './App.css'; |
5 import NotesContainer from './components/NotesContainer'; |
6 import Navbar from './components/Navbar'; |
6 |
7 |
7 class App extends Component { |
8 class App extends Component { |
8 render() { |
9 render() { |
9 return ( |
10 return ( |
10 <div> |
11 <div> |
11 <Navbar inverse fixedTop> |
12 <Navbar history={this.props.history} /> |
12 <Grid> |
13 <Grid fluid> |
13 <Navbar.Header> |
|
14 <Navbar.Brand> |
|
15 <a href="/">React App</a> |
|
16 </Navbar.Brand> |
|
17 <Navbar.Toggle /> |
|
18 </Navbar.Header> |
|
19 </Grid> |
|
20 </Navbar> |
|
21 <Jumbotron> |
|
22 <Grid> |
|
23 <h1>Welcome to React <img src={logo} className="App-logo" alt="logo" /></h1> |
|
24 <p> |
|
25 <Button |
|
26 bsStyle="success" |
|
27 bsSize="large" |
|
28 href="http://react-bootstrap.github.io/components.html" |
|
29 target="_blank"> |
|
30 View React Bootstrap Docs |
|
31 </Button> |
|
32 </p> |
|
33 <p className="App-intro"> |
|
34 To get started, edit <code>src/App.js</code> and save to reload. |
|
35 </p> |
|
36 </Grid> |
|
37 </Jumbotron> |
|
38 <Grid> |
|
39 <Row> |
14 <Row> |
40 <Col xs={12} md={12}> |
15 <Col md={6} mdOffset={3} className="text-center"> |
41 <NotesContainer /> |
16 <Alert bsStyle="info">Welcome to IRI Notes</Alert> |
42 </Col> |
17 </Col> |
43 </Row> |
18 </Row> |
44 </Grid> |
19 </Grid> |
45 </div> |
20 </div> |
46 ); |
21 ); |