Header HeaderLogo.jsx

20% Statements 2/10
0% Branches 0/7
0% Functions 0/1
20% Lines 2/10
Press n or j to go to the next uncovered block, b, p or k for the previous block.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62  
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
  import PropTypes from "prop-types";
 
import { useHeaderState } from "./hooks";
 
const HeaderLogo = ({ isDevPre = false, hasSearchBar }) => {
  const { closeMenus, RouterLink } = useHeaderState();
  const searchHeaderClass = hasSearchBar ? " header-logo-search" : "";
  const headerLogoClass = `header-logo${searchHeaderClass}`;
  if (isDevPre) {
    return (
      <div className={headerLogoClass}>
        <img
          className="qpp-logo"
          src="https://qpp.cms.gov/assets/images/qpp_logo_rgb_color.png"
          alt="QPP logo"
        />
      </div>
    );
  }
  if (RouterLink) {
    return (
      <RouterLink
        className={headerLogoClass}
        to="/"
        onClick={closeMenus}
        data-track-category="HeaderNav"
        data-track-action="OpenQPPHome"
        data-track-label="Quality Payment Program"
      >
        <img
          className="qpp-logo"
          src="https://qpp.cms.gov/assets/images/qpp_logo_rgb_color.png"
          alt="QPP logo"
        />
      </RouterLink>
    );
  }
 
  return (
    <a
      className={headerLogoClass}
      href="/"
      data-track-category="HeaderNav"
      data-track-action="OpenQPPHome"
      data-track-label="Quality Payment Program"
    >
      <img
        className="qpp-logo"
        src="https://qpp.cms.gov/assets/images/qpp_logo_rgb_color.png"
        alt="QPP logo"
      />
    </a>
  );
};
 
HeaderLogo.propTypes = {
  isDevPre: PropTypes.bool,
  hasSearchBar: PropTypes.bool,
};
 
export default HeaderLogo;