client/src/App.js
changeset 12 48ddaa42b810
parent 5 5c91bfa8fcde
child 143 cfcbf4bc66f1
--- a/client/src/App.js	Wed May 31 17:28:12 2017 +0200
+++ b/client/src/App.js	Wed May 31 17:51:54 2017 +0200
@@ -1,44 +1,19 @@
 import React, { Component } from 'react';
-import logo from './logo.svg';
-import { Grid, Navbar, Jumbotron, Button, Row, Col} from 'react-bootstrap';
+
+// import logo from './logo.svg';
+import { Grid, Row, Col, Alert } from 'react-bootstrap';
 import './App.css';
-import NotesContainer from './components/NotesContainer';
+import Navbar from './components/Navbar';
 
 class App extends Component {
   render() {
     return (
       <div>
-        <Navbar inverse fixedTop>
-          <Grid>
-            <Navbar.Header>
-              <Navbar.Brand>
-                <a href="/">React App</a>
-              </Navbar.Brand>
-              <Navbar.Toggle />
-            </Navbar.Header>
-          </Grid>
-        </Navbar>
-        <Jumbotron>
-          <Grid>
-            <h1>Welcome to React <img src={logo} className="App-logo" alt="logo" /></h1>
-            <p>
-              <Button
-                bsStyle="success"
-                bsSize="large"
-                href="http://react-bootstrap.github.io/components.html"
-                target="_blank">
-                View React Bootstrap Docs
-              </Button>
-            </p>
-            <p className="App-intro">
-              To get started, edit <code>src/App.js</code> and save to reload.
-            </p>
-          </Grid>
-        </Jumbotron>
-        <Grid>
+        <Navbar history={this.props.history} />
+        <Grid fluid>
           <Row>
-            <Col xs={12} md={12}>
-              <NotesContainer />
+            <Col md={6} mdOffset={3} className="text-center">
+              <Alert bsStyle="info">Welcome to IRI Notes</Alert>
             </Col>
           </Row>
         </Grid>
@@ -47,4 +22,4 @@
   }
 }
 
-export default App;
\ No newline at end of file
+export default App;