clean up

client/src/components/Auth/auth-form.js

@@ -136,7 +136,7 @@ const AuthForm = ({ isSignup = false, onSubmit }) => {
                 type="submit"
                 className={styles.submitBtn}
               >
-                {isSignup ? "Sign In" : "Sign Up"}
+                {isSignup ? "Sign Up" : "Sign In"}
               </button>
             )}
           </div>

client/src/components/Auth/index.js

@@ -1,8 +1,9 @@
 import React from "react";
 import { Container } from "@material-ui/core";
 import { Switch, Route, useHistory } from "react-router-dom";
-import SignupForm from "./signup-form";
-import LoginForm from "./login-form";
+import AuthForm from "./auth-form";
+import { useDispatch } from "react-redux";
+import { signin, signup } from "../../actions/auth";
 
 const Auth = () => {
   const history = useHistory();
@@ -13,11 +14,19 @@ const Auth = () => {
     history.push("/dashboard");
   }
 
+  const dispatch = useDispatch();
+
   return (
     <Container component="main" maxWidth="xs">
       <Switch>
-        <Route path="/login" component={LoginForm} />
-        <Route path="/signup" component={SignupForm} />
+        <Route
+          path="/login"
+          component={() => <AuthForm onSubmit={() => dispatch(signin())} />}
+        />
+        <Route
+          path="/signup"
+          component={() => <AuthForm isSignup onSubmit={() => dispatch(signup())} />}
+        />
       </Switch>
     </Container>
   );