fix navbar + install reactstrap

imports/ui/inputBox.jsx

@@ -1,11 +1,11 @@
-import React, { Component } from 'react';
-import TextareaAutosize from 'react-autosize-textarea';
+import React, { Component } from "react";
+import TextareaAutosize from "react-autosize-textarea";
+import { Button } from "reactstrap";
 
-import Notes from '/imports/collections/notes';
+import Notes from "/imports/collections/notes";
 
 // export default (props) => {
 export default class InputBox extends Component {
-
   constructor() {
     super();
     this.state = {};
@@ -16,7 +16,7 @@ export default class InputBox extends Component {
       return;
     }
     Notes.insert({ createdAt: new Date(), value: this.state.value });
-    this.setState({ value: '' });
+    this.setState({ value: "" });
   }
 
   render() {
@@ -25,21 +25,18 @@ export default class InputBox extends Component {
       <div className="form-group row">
         <div className="offset-md-2 col-md-7">
           <TextareaAutosize
-            value={this.state.value || ''}
+            value={this.state.value || ""}
             onChange={(e) => this.setState({ value: e.target.value })}
             placeholder="write something"
             className="form-control"
           />
         </div>
         <div className="col-md-1">
-          <button
-            onClick={() => this.insertNote()}
-            className="btn btn-success"
-          >
+          <button onClick={() => this.insertNote()} className="btn btn-success">
             Add
           </button>
         </div>
       </div>
-    )
+    );
   }
-}
+}

imports/ui/navbar.jsx

@@ -1,5 +1,18 @@
 import React from "react";
 
 export default () => {
-  return <div style={{ backgroundColor: "white", height: 50 }}>Listo</div>;
+  return (
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        backgroundColor: "#4995C7",
+        height: 50,
+      }}
+    >
+      <div>Listo</div>
+      <div>User</div>
+    </div>
+  );
 };

package.json

@@ -18,7 +18,8 @@
     "react-autosize-textarea": "^7.1.0",
     "react-dom": "^16.14.0",
     "react-lines-ellipsis": "^0.14.1",
-    "react-modal": "^3.11.2"
+    "react-modal": "^3.11.2",
+    "reactstrap": "^8.7.1"
   },
   "meteor": {
     "mainModule": {