qpp-style 9.34.1 → 9.34.2-beta.0

package/components/Header/HeaderContainer.jsx

@@ -21,6 +21,7 @@ const HeaderContainer = ({
   showCancelButton,
   skipToContentId,
   isIESupportPage,
+  isDevPre,
 }) => {
   const { currentOpenMenu } = useHeaderState();
   const cssCancelBtn = showCancelButton ? "show-cancel-button" : "";
@@ -50,7 +51,7 @@ const HeaderContainer = ({
       <GovBanner />
       {!isIESupportPage && <NotificationBanner />}
       <header id="top" className={`${cssCancelBtn} ${cssMenuDropdownStatus}`}>
-        <HeaderLogo />
+        <HeaderLogo isDevPre={isDevPre} />
         {children}
       </header>
     </>
@@ -63,12 +64,14 @@ HeaderContainer.propTypes = {
   showCancelButton: PropTypes.bool,
   skipToContentId: PropTypes.string,
   isIESupportPage: PropTypes.bool,
+  isDevPre: PropTypes.bool,
 };
 HeaderContainer.defaultProps = {
   includeSkipToSidebar: false,
   showCancelButton: false,
   skipToContentId: null,
   isIESupportPage: false,
+  isDevPre: false,
 };
 
 export default HeaderContainer;

package/components/Header/HeaderLogo.jsx

@@ -1,9 +1,14 @@
 import React from "react";
+import PropTypes from "prop-types";
 
 import { useHeaderState } from "./hooks";
 
-const HeaderLogo = () => {
+const HeaderLogo = (isDevPre) => {
   const { closeMenus, RouterLink } = useHeaderState();
+  const url = isDevPre ? "/user/applications" : "/";
+  const label = isDevPre
+    ? "Quality Payment Program - My Applications"
+    : "Quality Payment Program";
   if (RouterLink) {
     return (
       <RouterLink
@@ -25,10 +30,10 @@ const HeaderLogo = () => {
   return (
     <a
       className="header-logo"
-      href="/"
+      href={url}
       data-track-category="HeaderNav"
       data-track-action="OpenQPPHome"
-      data-track-label="Quality Payment Program"
+      data-track-label={label}
     >
       <img
         className="qpp-logo"
@@ -39,4 +44,11 @@ const HeaderLogo = () => {
   );
 };
 
+HeaderLogo.propTypes = {
+  isDevPre: PropTypes.bool,
+};
+HeaderLogo.defaultProps = {
+  isDevPre: false,
+};
+
 export default HeaderLogo;

package/components/Header/HeaderUI.jsx

@@ -79,6 +79,7 @@ const HeaderUI = ({
       isIESupportPage={isIESupportPage}
       skipToContentId={skipToContentId}
       includeSkipToSidebar={includeSkipToSidebar}
+      isDevPre={isDevPre}
     >
       <nav aria-label="Primary navigation" hidden={!isMobileMenuExpanded}>
         <ul className="navigation-menu">