added in copy

components/myportal.js

@@ -9,6 +9,7 @@ import AwaitingSubmission from "./myportal/awaitingsubmission";
 import MyRepresentations from "./myportal/myrepresentations";
 import WatchedCases from "./myportal/watchedcases";
 import YourAccount from "./myportal/youraccount";
+import { parseCookies, setCookie, destroyCookie } from "nookies";
 
 const MyPortal = (props) => {
     let { t } = useTranslation();
@@ -18,26 +19,48 @@ const MyPortal = (props) => {
 
     return (
         <main className="" id="main-content" role="main">
-            <div className="servicebanner govuk-!-margin-bottom-4">
+            <div className="servicebanner myportal govuk-!-margin-bottom-4">
                 <h1>
                     <img
                         src={
                             router.locale == "cy"
-                                ? "/assets/images/my-portal-cy.svg"
-                                : "/assets/images/my-portal-en.svg"
+                                ? "/assets/images/planning-casework-cy.svg"
+                                : "/assets/images/planning-casework-en.svg"
                         }
                         alt={router.locale == "cy" ? "Fy mhorth" : "My Portal"}
                     />
-                    <img
-                        className="pedw_logo"
-                        src="/assets/images/pedw_logo.png"
-                        alt={
-                            router.locale == "cy"
-                                ? "Penderfyniadau Cynllunio ac Amgylchedd Cymru"
-                                : "Planning & Environment Decisions Wales"
-                        }
-                    />
                 </h1>
+
+                <div className="serviceBanner_userDetails">
+                    <img
+                        className="user_logo"
+                        src="/assets/images/user.svg"
+                        alt={router.locale == "cy" ? "Defnyddiwr" : "User"}
+                    />{" "}
+                    <div className="serviceBanner_userDetails_name">
+                        {props.accountDetails.accountDetails.firstname}{" "}
+                        {props.accountDetails.accountDetails.lastname}
+                    </div>
+                    <div>
+                        <Link
+                            href={
+                                router.locale == "cy"
+                                    ? "/allgofnodi"
+                                    : "/logout"
+                            }
+                        >
+                            <a
+                                onClick={() => {
+                                    destroyCookie({}, "pinsUser"),
+                                        window.localStorage.clear();
+                                }}
+                                className="govuk-header__link govuk-!-margin-right-3"
+                            >
+                                {t("common:signout-label")}
+                            </a>
+                        </Link>
+                    </div>
+                </div>
             </div>
             <div className="govuk-grid-row">
                 <div className="govuk-grid-column-full">