qpp-style 9.26.1 → 9.28.0

package/coverage/lcov-report/components/Footer/FooterUI.jsx.html

@@ -270,12 +270,7 @@
 <a name='L205'></a><a href='#L205'>205</a>
 <a name='L206'></a><a href='#L206'>206</a>
 <a name='L207'></a><a href='#L207'>207</a>
-<a name='L208'></a><a href='#L208'>208</a>
-<a name='L209'></a><a href='#L209'>209</a>
-<a name='L210'></a><a href='#L210'>210</a>
-<a name='L211'></a><a href='#L211'>211</a>
-<a name='L212'></a><a href='#L212'>212</a>
-<a name='L213'></a><a href='#L213'>213</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L208'></a><a href='#L208'>208</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -482,11 +477,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
 import OpenInNewIcon from '@material-ui/icons/OpenInNew';
 &nbsp;
@@ -521,7 +511,7 @@ const FooterUI = () =&gt; (
         &lt;&gt;
           &lt;div className="global-footer-container"&gt;
             &lt;div className="footer-resources"&gt;
-              &lt;h3 className="sub-title"&gt;Resources&lt;/h3&gt;
+              &lt;p className="sub-title"&gt;Resources&lt;/p&gt;
               &lt;ul&gt;
                 &lt;li&gt;
                   &lt;a
@@ -581,16 +571,13 @@ const FooterUI = () =&gt; (
               &lt;/ul&gt;
             &lt;/div&gt;
             &lt;div className="footer-contact-cms"&gt;
-              &lt;h3 className="sub-title"&gt;Contact CMS&lt;/h3&gt;
+              &lt;p className="sub-title"&gt;Contact CMS&lt;/p&gt;
               &lt;p className="contact-title"&gt;Phone:&lt;/p&gt;
               &lt;p&gt;Monday - Friday 8 a.m - 8 p.m ET&lt;/p&gt;
               &lt;p&gt;
                 1-866-288-8292 (TRS: 711)
                 &lt;span className="footer-trs-infotip"&gt;
-                  &lt;InfoTip
-                    ariaLabel="TRS Communications Assistant Information"
-                    label={infoTipLabel}
-                  /&gt;
+                  &lt;InfoTip label={infoTipLabel} /&gt;
                 &lt;/span&gt;
               &lt;/p&gt;
 &nbsp;
@@ -606,23 +593,21 @@ const FooterUI = () =&gt; (
               &lt;/p&gt;
 &nbsp;
               &lt;p className="contact-title"&gt;QPP Service Center:&lt;/p&gt;
-              &lt;h3 className="sub-title qpp-u-margin-y--0"&gt;
-                &lt;a
-                  href="https://cmsqualitysupport.servicenowservices.com/ccsq_support_central"
-                  aria-label="CCSQ Support Central"
-                  className="email-link"
-                  target="__blank"
-                  rel="noopener noreferrer"
-                &gt;
-                  &lt;strong&gt;Create or Track a QPP Service Center Ticket&lt;/strong&gt;
-                  &lt;OpenInNewIcon classes={{ root: 'ccsq-link-icon' }} /&gt;
-                &lt;/a&gt;
-              &lt;/h3&gt;
+              &lt;a
+                href="https://cmsqualitysupport.servicenowservices.com/ccsq_support_central"
+                aria-label="CCSQ Support Central"
+                className="email-link"
+                target="__blank"
+                rel="noopener noreferrer"
+              &gt;
+                &lt;strong&gt;Create or Track a QPP Service Center Ticket&lt;/strong&gt;
+                &lt;OpenInNewIcon classes={{ root: 'ccsq-link-icon' }} /&gt;
+              &lt;/a&gt;
             &lt;/div&gt;
             &lt;div className="footer-social-newsletter"&gt;
-              &lt;h3 className="sub-title"&gt;Stay Connected&lt;/h3&gt;
+              &lt;p className="sub-title"&gt;Stay Connected&lt;/p&gt;
               &lt;SocialLinks /&gt;
-              &lt;h3 className="sub-title"&gt;Sign Up for the QPP Listserv&lt;/h3&gt;
+              &lt;p className="sub-title"&gt;Sign Up for the QPP Listserv&lt;/p&gt;
               &lt;Subscribe /&gt;
             &lt;/div&gt;
           &lt;/div&gt;
@@ -706,7 +691,7 @@ export default FooterUI;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Mon Aug 22 2022 12:06:23 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html

@@ -250,7 +250,7 @@ export default SocialLinks;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Mon Aug 22 2022 12:06:23 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Footer/Subscribe.jsx.html

@@ -172,7 +172,7 @@ export default Subscribe;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Mon Aug 22 2022 12:06:23 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Footer/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Mon Aug 22 2022 12:06:23 GMT-0400 (Eastern Daylight Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/GovBanner/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/GovBanner/index.js.html

@@ -421,7 +421,7 @@ export default GovBanner;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderAccountMenu.jsx.html

@@ -352,7 +352,7 @@ export default HeaderAccountMenu;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderCancel.jsx.html

@@ -118,7 +118,7 @@ export default HeaderCancel;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderContainer.jsx.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">63.63% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>4/8</span>
+                <span class='fraction'>7/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">60% </span>
+                <span class="strong">58.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>6/10</span>
+                <span class='fraction'>7/12</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">63.63% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>4/8</span>
+                <span class='fraction'>7/11</span>
             </div>
         
             
@@ -128,7 +128,16 @@
 <a name='L63'></a><a href='#L63'>63</a>
 <a name='L64'></a><a href='#L64'>64</a>
 <a name='L65'></a><a href='#L65'>65</a>
-<a name='L66'></a><a href='#L66'>66</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -153,6 +162,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -178,6 +195,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -199,7 +217,7 @@ import PropTypes from 'prop-types';
 import HeaderLogo from './HeaderLogo';
 import NotificationBanner from '../NotificationBanner';
 import GovBanner from '../GovBanner';
-&nbsp;
+import { useHeaderState } from './hooks';
 /**
  * Accessibility enhancement that moves focus to an element for "Skip" links
  * @param {Object} e - The native JS event
@@ -216,32 +234,41 @@ const HeaderContainer = ({
   showCancelButton,
   skipToContentId,
   isIESupportPage,
-}) =&gt; (
-  &lt;&gt;
-    &lt;a
-      className="skip"
-      onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, `${skipToContentId || 'mainContent'}`)}</span>
-      href={`#${skipToContentId || 'mainContent'}`}
-    &gt;
-      Skip to content
-    &lt;/a&gt;
-    {includeSkipToSidebar &amp;&amp; (
-<span class="branch-1 cbranch-no" title="branch not covered" >      &lt;a</span>
+}) =&gt; {
+  const { currentOpenMenu } = useHeaderState();
+  const cssCancelBtn = showCancelButton ? <span class="branch-0 cbranch-no" title="branch not covered" >'show-cancel-button' </span>: '';
+  const cssMenuDropdownStatus =
+    currentOpenMenu === ''
+      ? 'header-dropdown--closed'
+      : <span class="branch-1 cbranch-no" title="branch not covered" >'header-dropdown--open';</span>
+&nbsp;
+  return (
+    &lt;&gt;
+      &lt;a
         className="skip"
-        onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, 'qppSidebar')}</span>
-        href="#qppSidebar"
+        onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, `${skipToContentId || 'mainContent'}`)}</span>
+        href={`#${skipToContentId || 'mainContent'}`}
       &gt;
-        Skip to sidebar
+        Skip to content
       &lt;/a&gt;
-    )}
-    &lt;GovBanner /&gt;
-    {!isIESupportPage &amp;&amp; &lt;NotificationBanner /&gt;}
-    &lt;header id="top" className={showCancelButton ? <span class="branch-0 cbranch-no" title="branch not covered" >'show-cancel-button' </span>: ''}&gt;
-      &lt;HeaderLogo /&gt;
-      {children}
-    &lt;/header&gt;
-  &lt;/&gt;
-);
+      {includeSkipToSidebar &amp;&amp; (
+<span class="branch-1 cbranch-no" title="branch not covered" >        &lt;a</span>
+          className="skip"
+          onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; <span class="cstat-no" title="statement not covered" >jumpToLink(e, 'qppSidebar')}</span>
+          href="#qppSidebar"
+        &gt;
+          Skip to sidebar
+        &lt;/a&gt;
+      )}
+      &lt;GovBanner /&gt;
+      {!isIESupportPage &amp;&amp; &lt;NotificationBanner /&gt;}
+      &lt;header id="top" className={`${cssCancelBtn} ${cssMenuDropdownStatus}`}&gt;
+        &lt;HeaderLogo /&gt;
+        {children}
+      &lt;/header&gt;
+    &lt;/&gt;
+  );
+};
 &nbsp;
 HeaderContainer.propTypes = {
   children: PropTypes.node.isRequired,
@@ -265,7 +292,7 @@ export default HeaderContainer;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderLogo.jsx.html

@@ -196,7 +196,7 @@ export default HeaderLogo;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderMenuButton.js.html

@@ -220,7 +220,7 @@ export default HeaderMenuButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderMenuItem.jsx.html

@@ -787,7 +787,7 @@ export default HeaderMenuItem;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderMenuLink.js.html

@@ -238,7 +238,7 @@ export default HeaderMenuLink;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderMenuSignOutButton.js.html

@@ -256,7 +256,7 @@ export default HeaderMenuSignOutButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderMobileButton.js.html

@@ -181,7 +181,7 @@ export default HeaderMobileButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HeaderUI.jsx.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">70.73% </span>
+                <span class="strong">73.33% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>29/41</span>
+                <span class='fraction'>33/45</span>
             </div>
         
             
@@ -37,16 +37,16 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.66% </span>
+                <span class="strong">56.25% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>7/15</span>
+                <span class='fraction'>9/16</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">77.5% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>27/36</span>
+                <span class='fraction'>31/40</span>
             </div>
         
             
@@ -222,7 +222,16 @@
 <a name='L157'></a><a href='#L157'>157</a>
 <a name='L158'></a><a href='#L158'>158</a>
 <a name='L159'></a><a href='#L159'>159</a>
-<a name='L160'></a><a href='#L160'>160</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -272,10 +281,17 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
@@ -392,6 +408,7 @@ import HeaderMobileButton from './HeaderMobileButton';
 import ImpersonatorBanner from './ImpersonatorBanner';
 import HelpIcon from './HelpIcon';
 import { HeaderStateProvider } from './hooks';
+import defaultContent from './default-content.json';
 &nbsp;
 const HeaderUI = ({
   handleCancel,
@@ -425,15 +442,22 @@ const HeaderUI = ({
   };
 &nbsp;
   // execute on init render
-  useEffect(async () =&gt; {
+  useEffect(() =&gt; {
     let cancelRequest = false;
     const { origin } = window.location;
-    const {
-      data: { data: navMenuItems },
-    } = await axios.get(`${origin}/config/header`);
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (!cancelRequest) setHeaderContent(navMenuItems);
-    return <span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >      cancelRequest = true;</span>
+    let navMenuItems;
+    async function getHeaderConfig() {
+      try {
+        const { data } = await axios.get(`${origin}/config/header`);
+        navMenuItems = data.data;
+      } catch (error) {
+<span class="cstat-no" title="statement not covered" >        navMenuItems = { content: defaultContent };</span>
+      }
+      <span class="missing-if-branch" title="else path not taken" >E</span>if (!cancelRequest) setHeaderContent(navMenuItems);
+    }
+    getHeaderConfig();
+    return () =&gt; {
+      cancelRequest = true;
     };
   }, []);
 &nbsp;
@@ -547,7 +571,7 @@ export default HeaderUI;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/HelpIcon.jsx.html

@@ -166,7 +166,7 @@ export default HelpIcon;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/ImpersonatorBanner.jsx.html

@@ -144,9 +144,7 @@
 <a name='L79'></a><a href='#L79'>79</a>
 <a name='L80'></a><a href='#L80'>80</a>
 <a name='L81'></a><a href='#L81'>81</a>
-<a name='L82'></a><a href='#L82'>82</a>
-<a name='L83'></a><a href='#L83'>83</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L82'></a><a href='#L82'>82</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -230,8 +228,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
 import cookie from 'cookie';
 import axios from 'axios';
-import CloseIcon from '@material-ui/icons/Close';
-&nbsp;
+import { CloseIcon } from '../../lib/SvgComponents';
 import { TextButton } from '../Button';
 import {
   deleteImpersonatedUser,
@@ -316,7 +313,7 @@ export default ImpersonatorBanner;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/NavigationButtonIcon.jsx.html

@@ -151,7 +151,7 @@ export default NavigationButtonIcon;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/components/Header/hooks.js.html

@@ -189,11 +189,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { createContext, useState, useEffect, useContext } from 'react';
 import PropTypes from 'prop-types';
@@ -268,7 +268,7 @@ export const useHeaderState = () =&gt; {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
+                at Fri Feb 24 2023 12:56:50 GMT-0500 (Eastern Standard Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>