updatd logout links and login flow for nextauth

components/homepage/login.js

@@ -120,7 +120,7 @@ let Login = (props) => {
         GG_REDIRECT_URI,
     } = props;
 
-    const { session, status } = useSession();
+    const { data: session } = useSession();
 
     const router = useRouter();
     const { locale } = router;
@@ -226,18 +226,30 @@ let Login = (props) => {
                         {t("home:login-card-title")}
                     </h3>{" "}
                     <div className="govuk-form-group govuk-!-margin-top-4">
-                        {" "}
-                        Not Signed in
+                        <div className="govuk-body">
+                            {session && "Signed in as " + session.user?.email}
+                        </div>
                         <br />
-                        <button
-                            className="govuk-button"
-                            type="button"
-                            onClick={() => signIn()}
-                        >
-                            Magic Link Sign in
-                        </button>
+                        {!session && (
+                            <button
+                                className="govuk-button withChevron govuk-button-cta"
+                                type="button"
+                                onClick={() => signIn("email")}
+                            >
+                                Sign in with email address
+                            </button>
+                        )}
+                        {session && (
+                            <button
+                                className="govuk-button"
+                                type="button"
+                                onClick={() => signOut()}
+                            >
+                                Magic Link Sign Out
+                            </button>
+                        )}
                     </div>
-                    <form onSubmit={handleSubmit(onHandleSubmit)}>
+                    {/* <form onSubmit={handleSubmit(onHandleSubmit)}>
                         {validLoginID == false && (
                             <div className="govuk-error-message govuk-form-group--error">
                                 Incorrect username or password
@@ -387,7 +399,7 @@ let Login = (props) => {
                                 {t("home:login-contact-email")}
                             </a>
                         </p>
-                    </div>
+                    </div> */}
                 </div>
 
                 {/* <LoadingOverlay