login error and mutlitlingual login flow

2021-12-14 10:31:47 +00:00
parent 83080d2652
commit a5774534e3
9 changed files with 198 additions and 90 deletions
@@ -0,0 +1,50 @@
+import Link from "next/link";
+import Head from "next/head";
+import Header from "../../components/header";
+import Banner from "../../components/banner";
+import CookieBanner from "../../components/cookieBanner";
+import useTranslation from "next-translate/useTranslation";
+import Footer from "../../components/footer";
+
+function Error({ statusCode }, props) {
+    let { t, lang } = useTranslation();
+    const { footerLinks, pages } = props;
+
+    return (
+        <div>
+            <Head>
+                <title>
+                    {t("myportal:page-title")} - {t("common:service-name")}
+                </title>
+            </Head>
+            <div id="page_wrapper">
+                <CookieBanner />
+                <Header courseName={t("common:service-name")} />
+                <div className="govuk-width-container govuk-!-padding-bottom-9">
+                    <main className="govuk-main-wrapper govuk-!-padding-top-9 govuk-!-padding-bottom-9">
+                        <div className="govuk-grid-row">
+                            <div className="govuk-grid-column-two-thirds ">
+                                <h1>{t("common:error-page-title")}</h1>
+                                <p className="govuk-body">
+                                    A problem occured when trying to login
+                                </p>
+                                <Link href="/">
+                                    <a>{t("common:404-not-found-link")}</a>
+                                </Link>
+                            </div>
+                        </div>
+                    </main>
+                </div>
+                <Footer footerLinks={footerLinks} />
+            </div>
+        </div>
+    );
+}
+
+Error.getInitialProps = ({ res, err }) => {
+    const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
+    console.log(res, err);
+    return { statusCode };
+};
+
+export default Error;
@@ -205,30 +205,41 @@ export const getServerSideProps = wrapper.getServerSideProps(
            _.has(accountDetails, "errorCode") != false
        );

-        const [
-            myCasesDetails,
-            myRepresentationsDetails,
-            watchedCasesDetails,
-            // awaitingSubmissionDetails,
-        ] = await Promise.all([
-            await getDetails(token, myCases, "myCases"),
-            await getDetails(token, myRepresentations, "myRepresentations"),
-            await getDetails(token, watchedCases, "myWatchedCases"),
-            //  await getDetails(awaitingSubmission),
-        ]);
+        if (_.has(accountDetails, "errorCode") != false) {
+            return {
+                redirect: {
+                    destination: "/myportal/error",
+                    permanent: false,
+                },
+            };
+        } else {
+            const [
+                myCasesDetails,
+                myRepresentationsDetails,
+                watchedCasesDetails,
+                // awaitingSubmissionDetails,
+            ] = await Promise.all([
+                await getDetails(token, myCases, "myCases"),
+                await getDetails(token, myRepresentations, "myRepresentations"),
+                await getDetails(token, watchedCases, "myWatchedCases"),
+                //  await getDetails(awaitingSubmission),
+            ]);

-        store.dispatch(setAccountDetails(accountDetails));
-        store.dispatch(setLoggedInUserId(loggedInUser));
-        store.dispatch(setMyCases(myCases));
-        store.dispatch(setMyCasesDetails(myCasesDetails));
-        store.dispatch(setMyRepresentations(myRepresentations));
-        store.dispatch(setMyRepresentationsDetails(myRepresentationsDetails));
-        store.dispatch(setWatchedCases(watchedCases));
-        store.dispatch(setWatchedCasesDetails(watchedCasesDetails));
-        store.dispatch(setAwaitingSubmission(awaitingSubmission));
-        // store.dispatch(
-        //     setAwaitingSubmissionDetails(awaitingSubmissionDetails)
-        // );
+            store.dispatch(setAccountDetails(accountDetails));
+            store.dispatch(setLoggedInUserId(loggedInUser));
+            store.dispatch(setMyCases(myCases));
+            store.dispatch(setMyCasesDetails(myCasesDetails));
+            store.dispatch(setMyRepresentations(myRepresentations));
+            store.dispatch(
+                setMyRepresentationsDetails(myRepresentationsDetails)
+            );
+            store.dispatch(setWatchedCases(watchedCases));
+            store.dispatch(setWatchedCasesDetails(watchedCasesDetails));
+            store.dispatch(setAwaitingSubmission(awaitingSubmission));
+            // store.dispatch(
+            //     setAwaitingSubmissionDetails(awaitingSubmissionDetails)
+            // );
+        }
    }
 );