NavItem index.tsx

100% Statements 4/4

100% Branches 0/0

100% Functions 2/2

100% Lines 4/4

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  
 
 
 
 
 
8x
34x
 
 
 
2x
 
 
 
2x
 
 
 
 
 
 
 
  import React from "react";
import { Link, navigate, withPrefix } from "gatsby";
import ReactGA from "react-ga4";
 
import "./index.scss";
 
const NavItem = ({ url, name }: { url: string; name: string }) => (
  <Link
    className="nav-btn btn btn-link"
    to={url}
    onClick={() => {
      ReactGA.event({
        category: "User",
        action: `Click nav-menu: ${name}`,
      });
      navigate(withPrefix(url));
    }}
  >
    {name}
  </Link>
);
 
export default NavItem;