All files / components/Header HeaderLogo.jsx

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
1x
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
1x
1x
 
import React from 'react';
 
import { useHeaderState } from './hooks';
 
const HeaderLogo = () => {
  const { closeMenus, RouterLink } = useHeaderState();
  if (RouterLink) {
    return (
      <RouterLink
        className="header-logo"
        to="/"
        onClick={closeMenus}
        data-track-category="HeaderNav"
        data-track-action="OpenQPPHome"
        data-track-label="Quality Payment Program"
      >
        <img
          className="qpp-logo"
          src="/images/qpp_logo_rgb_color.png"
          alt="QPP logo"
        />
      </RouterLink>
    );
  }
  return (
    <a
      className="header-logo"
      href="/"
      data-track-category="HeaderNav"
      data-track-action="OpenQPPHome"
      data-track-label="Quality Payment Program"
    >
      <img
        className="qpp-logo"
        src="/images/qpp_logo_rgb_color.png"
        alt="QPP logo"
      />
    </a>
  );
};
 
export default HeaderLogo;