Updating app to redirect to homepage once signed in

Author: AdityaKumawat97

src/App.js

@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux'
 import './App.css';
-import { Route, Switch } from 'react-router-dom';
+import { Route, Switch, Redirect } from 'react-router-dom';
 import Homepage from './Pages/homepage/Homepage.component'
 import ShopPage from './Pages/shop/Shop.component'
-import signInAndSignUpPage from './Pages/sign-in-and-sign-up/sign-in-and-sign-up.component'
+import SignInAndSignUpPage from './Pages/sign-in-and-sign-up/sign-in-and-sign-up.component'
 import Header from './components/header/header.component'
 import { auth, createUserProfileDocument } from './firebase/firebase.utils'
 import { setCurrentUser } from './redux/user/user.actions'
@@ -39,13 +39,16 @@ class App extends Component {
       <Switch>
         <Route exact path='/' component={Homepage} />
         <Route exact path='/shop' component={ShopPage} />
-        <Route exact path='/signin' component={signInAndSignUpPage} />
+        <Route exact path='/signin' render={() => this.props.currentUser ? (<Redirect to='/' />) : <SignInAndSignUpPage />} />
       </Switch>
     </div>;
   }
 }
+const mapStateToProps = ({ user }) => ({
+  currentUser: user.currentUser
+})
 
 const mapDispatchToProps = dispatch => ({
   setCurrentUser: user => dispatch(setCurrentUser(user))
 })
-export default connect(null, mapDispatchToProps)(App);
+export default connect(mapStateToProps, mapDispatchToProps)(App);

src/Pages/sign-in-and-sign-up/sign-in-and-sign-up.component.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import './sign-in-and-sign-up.styles.scss'
 import SignInForm from '../../components/sign-in/sign-in.component'
 import SignUpForm from '../../components/sign-up/sign-up.component'
-export default function signInAndSignUpPage() {
+export default function SignInAndSignUpPage() {
     return (
         <div className="sign-in-and-sign-up">
             <SignInForm />

src/redux/user/user.actions.js

@@ -1,4 +1,5 @@
+import { UserActionTypes } from './user.types'
 export const setCurrentUser = user => ({
-    type: 'SET_CURRENT_USER',
+    type: UserActionTypes.SET_CURRENT_USER,
     payload: user
 })

src/redux/user/user.reducer.jsx

@@ -1,9 +1,13 @@
+import { UserActionTypes } from './user.types'
+
+
+
 const INITIAL_STATE = {
     currentUser: null
 }
 const userReducer = (state = INITIAL_STATE, action) => {
-    switch(action.type){
-        case "SET_CURRENT_USER":
+    switch (action.type) {
+        case UserActionTypes.SET_CURRENT_USER:
             return {
                 ...state,
                 currentUser: action.payload

src/redux/user/user.types.js

@@ -0,0 +1,3 @@
+export const UserActionTypes = {
+    SET_CURRENT_USER: "SET_CURRENT_USER"
+}