create auth module and fix broken paths

Author: moeen-basra

resources/assets/js/Main.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 
 // import services actions
-import { fetchUser } from './store/services/auth'
+import { fetchUser } from './modules/auth/service'
 
 // import components
 import Navigation from './common/navigation'

resources/assets/js/app.js

@@ -19,7 +19,7 @@ import { Provider } from 'react-redux'
 import store from './store'
 import Routes from './routes'
 
-import { authCheck } from './store/actions/auth'
+import { authCheck } from './modules/auth/store/actions'
 
 store.dispatch(authCheck())
 

resources/assets/js/common/navigation/index.js

@@ -2,7 +2,7 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
-import { logout } from '../../store/services/auth'
+import { logout } from '../../modules/auth/service'
 
 // import components
 import { Link } from 'react-router-dom'

resources/assets/js/pages/login/Page.js renamed to resources/assets/js/modules/auth/pages/login/Page.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import $ from 'jquery'
 import _ from 'lodash'
 import { Redirect } from 'react-router-dom'
-import { login } from '../../store/services/auth'
+import { login } from '../../service'
 import { Validator } from 'ree-validate'
 
 // import components
@@ -14,21 +14,21 @@ import Form from './components/Form'
 class Page extends Component {
   // set name of the component
   static displayName = 'LoginPage'
-  
+
   // validate props
   static propTypes = {
     isAuthenticated: PropTypes.bool.isRequired,
     dispatch: PropTypes.func.isRequired
   }
-  
+
   constructor(props) {
     super(props)
-    
+
     this.validator = new Validator({
       email: 'required|email',
       password: 'required|min:6'
     })
-    
+
     // set the state of the app
     this.state = {
       credentials: {
@@ -38,42 +38,42 @@ class Page extends Component {
       },
       errors: this.validator.errors
     }
-    
+
     // bind component with event handlers
     this.handleChange = this.handleChange.bind(this)
     this.handleSubmit = this.handleSubmit.bind(this)
   }
-  
+
   // after mounting the component add a style to the body
   componentDidMount() {
     $('body').attr('style', 'background-color: #eee')
   }
-  
+
   // remove body style before component leaves dom
   componentWillUnmount() {
     $('body').removeAttr('style')
   }
-  
+
   // event to handle input change
   handleChange(name, value) {
     const { errors } = this.validator
-    
+
     this.setState({ credentials: { ...this.state.credentials, [name]: value } })
-    
+
     errors.remove(name)
-    
+
     this.validator.validate(name, value)
       .then(() => {
         this.setState({ errors })
       })
   }
-  
+
   // event to handle form submit
   handleSubmit(e) {
     e.preventDefault()
     const { credentials } = this.state
     const { errors } = this.validator
-    
+
     this.validator.validateAll(credentials)
       .then((success) => {
         if (success) {
@@ -83,27 +83,27 @@ class Page extends Component {
         }
       })
   }
-  
+
   submit(credentials) {
     this.props.dispatch(login(credentials))
       .catch(({ error, statusCode }) => {
         const { errors } = this.validator
-  
+
         if (statusCode === 422) {
           _.forOwn(error, (message, field) => {
             errors.add(field, message);
           });
         } else if (statusCode === 401) {
           errors.add('password', error);
         }
-        
+
         this.setState({ errors })
       })
   }
-  
+
   // render component
   render() {
-    
+
     // check if user is authenticated then redirect him to home page
     if (this.props.isAuthenticated) {
       return <Redirect to="/" />
@@ -116,7 +116,7 @@ class Page extends Component {
       handleChange: this.handleChange,
       handleSubmit: this.handleSubmit,
     }
-    
+
     return (<div className="container py-5">
       <div className="row">
         <div className="col-md-12">

resources/assets/js/pages/login/components/Form.js renamed to resources/assets/js/modules/auth/pages/login/components/Form.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import $ from 'jquery'
 import _ from 'lodash'
 import { Redirect } from 'react-router-dom'
-import { register } from '../../store/services/auth'
+import { register } from '../../service'
 import { Validator } from 'ree-validate'
 
 // import components

resources/assets/js/pages/login/index.js renamed to resources/assets/js/modules/auth/pages/login/index.js

@@ -0,0 +1,15 @@
+import Register from "./pages/register"
+import Login from "./pages/login"
+
+export default [
+  {
+    path: '/login',
+    exact: true,
+    component: Login,
+  },
+  {
+    path: '/register',
+    exact: true,
+    component: Register,
+  },
+]