Update event tracking

Author: good3n

src/components/Nav/Nav.component.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Link } from 'gatsby'
 import PropTypes from 'prop-types'
-import { OutboundLink } from "gatsby-plugin-google-analytics"
+import { trackCustomEvent } from "gatsby-plugin-google-analytics"
 import {
   NavWrap,
   StyledNav,
@@ -68,14 +68,21 @@ const Nav = ({ navOpen, setNavOpen }) => {
           <div>
             <p>Join the CodeHelp Discord server?</p>
             <div>
-              <OutboundLink
+              <a
                 href="https://discord.gg/KntFa9p"
                 rel="noreferrer noopener"
                 target="_blank"
                 title="Join CodeHelp Discord!"
+                onClick={() => {
+                  trackCustomEvent({
+                    category: "Discord Link",
+                    action: "Click",
+                    label: "Navigation",
+                  })
+                }}
               >
                 Yes
-              </OutboundLink>
+              </a>
               <button onClick={() => close()} tabIndex="0">
                 No
               </button>

src/pages/index.js

@@ -4,7 +4,7 @@ import Layout from '../components/Layout'
 import Seo from '../components/Seo'
 import { StyledHome } from '../assets/styles/pages/Index.styles'
 import discordIcon from '../assets/images/icon-discord.svg'
-import { OutboundLink } from "gatsby-plugin-google-analytics"
+import { trackCustomEvent } from "gatsby-plugin-google-analytics"
 
 const IndexPage = () => (
   <Layout>
@@ -28,18 +28,25 @@ const IndexPage = () => (
         fun, helpful group where people can get the development and programming
         support they need.
       </p>
-      <OutboundLink
+      <a
         className="button"
         href="https://discord.gg/KntFa9p"
         rel="noreferrer noopener"
         target="_blank"
         title="Join CodeHelp Discord!"
+        onClick={() => {
+          trackCustomEvent({
+            category: "Discord Link",
+            action: "Click",
+            label: "Home",
+          })
+        }}
       >
         <span>
           <img alt="Discord Icon" src={discordIcon} />
           Join CodeHelp
         </span>
-      </OutboundLink>
+      </a>
     </StyledHome>
   </Layout>
 )