Dependecies updated, removed signin page, removed redux-form

Author: syedabuthahirm

client/package.json

@@ -3,24 +3,28 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@material-ui/core": "^1.4.1",
-    "@material-ui/icons": "^2.0.0",
-    "react": "16.4.1",
-    "react-dom": "16.4.1",
-    "react-redux": "5.0.7",
-    "react-router": "4.3.1",
-    "react-router-dom": "4.3.1",
-    "react-scripts": "1.1.4",
-    "recharts": "^1.1.0",
-    "redux": "4.0.0",
-    "redux-form": "^7.4.2",
-    "redux-logger": "^3.0.6",
+    "@material-ui/core": "3.9.3",
+    "@material-ui/icons": "3.0.2",
+    "react": "16.8.6",
+    "react-dom": "16.8.6",
+    "react-redux": "6.0.1",
+    "react-router": "5.0.0",
+    "react-router-dom": "5.0.0",
+    "react-scripts": "2.1.8",
+    "redux": "4.0.1",
+    "redux-logger": "3.0.6",
     "redux-thunk": "2.3.0"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
-  }
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
 }

client/src/App.js

@@ -1,18 +1,15 @@
 import React, { Component } from "react";
-import PropTypes from "prop-types";
 import {
   BrowserRouter as Router,
   Route,
-  Switch,
-  Redirect
+  Switch
 } from "react-router-dom";
 import CssBaseline from "@material-ui/core/CssBaseline";
 import { MuiThemeProvider } from "@material-ui/core/styles";
 import { connect } from "react-redux";
 
 import Home from "./containers/Home";
 import Setting from "./containers/Setting";
-import Signin from "./containers/Signin";
 
 import MainLayout from "./layouts/MainLayout";
 import EmptyLayout from "./layouts/EmptyLayout";
@@ -48,45 +45,30 @@ const EmptyRoute = ({ component: Component, ...rest }) => {
 };
 
 class App extends Component {
-  state = {
-    auth: false
-  };
-
   render() {
-    const { settings, auth } = this.props;
+    const { settings } = this.props;
 
     return (
       <MuiThemeProvider theme={settings.theme}>
         <CssBaseline />
         <div style={{ height: "100vh" }}>
           <Router>
-            {auth.authenticate ? (
-              <Switch>
-                <DashboardRoute path="/dashboard" component={Home} />
-                <DashboardRoute path="/setting" component={Setting} />
-                <Route path="/signin" render={() => <Redirect to="/" />} />
-                <DashboardRoute exact path="/" component={Home} />
-                <EmptyRoute component={NotFound} />
-              </Switch>
-            ) : (
-              <Switch>
-                <EmptyRoute path="/signin" component={Signin} />
-                <Redirect to="/signin" />
-              </Switch>
-            )}
+            <Switch>
+              <DashboardRoute path="/dashboard" component={Home} />
+              <DashboardRoute path="/setting" component={Setting} />
+              <DashboardRoute exact path="/" component={Home} />
+              <EmptyRoute component={NotFound} />
+            </Switch>
           </Router>
         </div>
       </MuiThemeProvider>
     );
   }
 }
 
-App.propTypes = {};
-
 const mapStateToProps = state => {
   return {
     settings: state.settings,
-    auth: state.auth
   };
 };
 

client/src/components/Header/Header.js

@@ -48,7 +48,7 @@ const Header = props => {
             <NotificationsIcon />
           </Badge>
         </IconButton>
-        <IconButton onClick={props.logout} color="inherit">
+        <IconButton color="inherit">
           <PersonIcon />
         </IconButton>
       </Toolbar>

client/src/components/Signin/form.js

@@ -1,12 +1,9 @@
 import React, { Fragment, Component } from "react";
 import { withStyles } from "@material-ui/core/styles";
 import classNames from "classnames";
-import { connect } from "react-redux";
-import { bindActionCreators } from "redux";
 
 import Header from "../components/Header";
 import Sidebar from "../components/Sidebar";
-import { logout } from "../store/reducers/authenticate";
 
 const drawerWidth = 240;
 
@@ -48,7 +45,6 @@ class MainLayout extends Component {
       <Fragment>
         <div className={classes.root}>
           <Header
-            logout={this.props.logout}
             handleToggleDrawer={this.handleToggleDrawer}
           />
           <main
@@ -65,16 +61,4 @@ class MainLayout extends Component {
   }
 }
 
-const mapDispatchToProps = dispatch => {
-  return bindActionCreators(
-    {
-      logout: () => logout()
-    },
-    dispatch
-  );
-};
-
-export default connect(
-  null,
-  mapDispatchToProps
-)(withStyles(styles)(MainLayout));
+export default withStyles(styles)(MainLayout);

client/src/components/Signin/index.js

@@ -1,14 +1,10 @@
 import stepCounter from "./stepCounter";
 import settings from "./settings";
-import auth from "./authenticate";
 import { combineReducers } from "redux";
-import { reducer as formReducer } from "redux-form";
 
 const reducers = combineReducers({
   stepCounter,
-  settings,
-  auth,
-  form: formReducer
+  settings
 });
 
 export default reducers;