Login Page

LoginPage.js

import * as  React from "react";
import { useRouter, useSession } from "blitz";
import Layout from "app/layouts/Layout";
import { LoginForm } from "app/auth/components/LoginForm";
import { useCurrentUser } from "app/hooks/useCurrentUser"


const LoginPage = () => {
  const session = useSession()
  const handleLoginRedirect = (role) => {
    if (!session.isLoading) {
      switch (role) {
        case 'RECRUITER':
          router.push('/dashboard/company')
          break;
        case 'CANDIDATE':
          router.push('/dashboard/candidate')
          break;
        default:
          router.push('/')
          break;
      }
    }
  }
  const router = useRouter();
  React.useEffect(() => {
    if (!session.isLoading) {
      if (session.userId) {
        let role = session.roles[0]
        handleLoginRedirect(role)
      }
    }
  }, [session])

  return <div>
    <LoginForm onSuccess={() => handleLoginRedirect(session.roles[0])} />
  </div>;

};

LoginPage.getLayout = page => <Layout title="Log In">{page}</Layout>;

export default LoginPage;