Logout is working now : )

twistter-frontend/src/components/layout/NavBar.js

@@ -1,12 +1,43 @@
 /* eslint-disable */
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
+// import PropTypes from 'prop-types';
+
+// Material UI stuff
 import AppBar from '@material-ui/core/AppBar';
 import ToolBar from '@material-ui/core/Toolbar';
 import Button from '@material-ui/core/Button';
+import withStyles from "@material-ui/core/styles/withStyles";
 
-export class Navbar extends Component {
-    render() {
+// Redux stuff
+// import { logoutUser } from '../../redux/actions/userActions';
+// import { connect } from 'react-redux';
+
+// const styles = {
+//     form: {
+//       textAlign: "center"
+//     },
+//     textField: {
+//       marginBottom: 30
+//     },
+//     pageTitle: {
+//       marginBottom: 40
+//     },
+//     button: {
+//       positon: "relative",
+//       marginBottom: 30
+//     },
+//     progress: {
+//       position: "absolute"
+//     }
+//   };
+
+
+
+
+  
+  export class Navbar extends Component {
+      render() {
         return (
             <AppBar>
                 <ToolBar>
@@ -28,4 +59,18 @@ export class Navbar extends Component {
     }
 }
 
+// const mapStateToProps = (state) => ({
+//     user: state.user
+// })
+
+// const mapActionsToProps = { logoutUser };
+
+// Navbar.propTypes = {
+//     logoutUser: PropTypes.func.isRequired,
+//     user: PropTypes.object.isRequired,
+//     classes: PropTypes.object.isRequired
+// }
+
+// export default connect(mapStateToProps, mapActionsToProps)(withStyles(styles)(Navbar));
+
 export default Navbar;