mobile issues in header

components/breadcrumbs.js

@@ -27,6 +27,7 @@ const Breadcrumbs = (props) => {
                 <div className="govuk-breadcrumbs ">
                     <ol className="govuk-breadcrumbs__list">
                         {router.pathname != "/myportal/[appealtypes]" &&
+                            router.pathname != "/newappeal" &&
                             router.pathname != "/newappeal/[appealtypes]" && (
                                 <li className="govuk-breadcrumbs__list-item">
                                     <Link
@@ -354,20 +355,23 @@ const Breadcrumbs = (props) => {
                                             </Link>
                                         </li>
                                     ) : (
-                                        <li className="govuk-breadcrumbs__list-item">
-                                            <a
-                                                className="govuk-breadcrumbs__link"
-                                                href="#"
-                                                onClick={() =>
-                                                    setCurrentSection(
-                                                        props.appealType
-                                                            .currentSection - 1
-                                                    )
-                                                }
-                                            >
-                                                {t("common:back-link")}
-                                            </a>
-                                        </li>
+                                        <>
+                                            <li className="govuk-breadcrumbs__list-item backChevron">
+                                                <a
+                                                    className="govuk-breadcrumbs__link"
+                                                    href="#"
+                                                    onClick={() =>
+                                                        setCurrentSection(
+                                                            props.appealType
+                                                                .currentSection -
+                                                                1
+                                                        )
+                                                    }
+                                                >
+                                                    {t("common:back-link")}
+                                                </a>
+                                            </li>
+                                        </>
                                     ))}
                             </>
                         )}

components/myportal/servicebanner.js

@@ -1,6 +1,8 @@
 import useTranslation from "next-translate/useTranslation";
 import router from "next/router";
 import Link from "next/link";
+import { destroyCookie } from "nookies";
+import { signOut } from "next-auth/react";
 
 const ServiceBanner = (props) => {
     props = props.props;
@@ -16,6 +18,16 @@ const ServiceBanner = (props) => {
         );
     };
 
+    const handleLogout = () => {
+        console.info("////////////\n" + "logout" + "\n////////////");
+        window.localStorage.clear(),
+            destroyCookie(null, "next-auth.csrf-token"),
+            destroyCookie(null, "next-auth.callback-url"),
+            destroyCookie(null, "pedw_locale"),
+            destroyCookie(null, "pinsUser"),
+            signOut({ callbackUrl: "/logout" });
+    };
+
     const portalLogoLink = [
         "/myportal/[appealtypes]",
         "/newappeal",

components/newappeal/createCase.js

@@ -533,6 +533,15 @@ let CreateCase = (props) => {
                                 Warning
                             </span>
                             {t("newappeal:s78-appeals-only-label")}
+                            <ul>
+                                <li>
+                                    {t("newappeal:s78-appeals-only-bullet-one")}
+                                </li>
+                                <li>
+                                    {t("newappeal:s78-appeals-only-bullet-two")}
+                                </li>
+                            </ul>
+                            {t("newappeal:s78-appeals-only-label-a")}
                         </strong>
                     </div>