Adds a Main component

React/src/pages/components/Main.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Main = ({ Component }) => {
+  return (
+    <div className="flex flex-col items-center justify-center h-3/4">
+      <Component />
+    </div>
+  );
+};
+
+export default Main;

React/src/pages/login.js

@@ -1,28 +1,26 @@
-import React from 'react'
+import React from 'react';
-import { signinRedirect } from '../services/userService'
+import { signinRedirect } from '../services/userService';
-import { Redirect } from 'react-router-dom'
+import { Redirect } from 'react-router-dom';
-import { useSelector } from 'react-redux'
+import { useSelector } from 'react-redux';
-import Navbar from './components/Navbar'
+import Navbar from './components/Navbar';
-import VehicleRegisterForm from './components/VehicleRegisterForm'
+import Main from './components/Main';
+import VehicleRegisterForm from './components/VehicleRegisterForm';
 
 function Login() {
-  const user = useSelector(state => state.auth.user)
+  const user = useSelector((state) => state.auth.user);
 
   function login() {
-    signinRedirect()
+    signinRedirect();
   }
 
-  return (
+  return user ? (
-    (user) ?
+    <Redirect to={'/'} />
-      (<Redirect to={'/'} />)
+  ) : (
-      :
+    <div className="h-screen">
-      (
-        <div>
       <Navbar />
-          <VehicleRegisterForm />
+      <Main Component={VehicleRegisterForm} />
     </div>
-      )
+  );
-  )
 }
 
-export default Login
+export default Login;