Add support page events. Bump font size in support section.

src/contexts/analytics-context/events/index.js

@@ -1,5 +1,6 @@
 import * as WorkspaceEvents from './workspace-events';
 import * as SearchEvents from './search-events';
+import * as SupportEvents from './support-events';
 import * as RoutingEvents from './routing-events';
 import * as MiscEvents from './misc-events';
 
@@ -12,6 +13,7 @@ export function AnalyticsEvents(analytics) {
         ...RoutingEvents,
         ...WorkspaceEvents,
         ...SearchEvents,
+        ...SupportEvents,
         ...MiscEvents
         }).map(
             // Bind each event function to `AnalyticsEvents` to make `this.analytics` available.

src/contexts/analytics-context/events/support-events.js

@@ -0,0 +1,6 @@
+export function helpPortalOpened() {
+    this.analytics.trackEvent({
+        category: "ui_interaction",
+        action: "support_help_portal_open"
+    });
+}

src/views/support.js

@@ -1,6 +1,6 @@
 import { Fragment, useEffect } from 'react'
 import { Typography } from 'antd'
-import { useEnvironment } from '../contexts'
+import { useAnalytics, useEnvironment } from '../contexts'
 import { useTitle } from './'
 
 const { Title } = Typography
@@ -27,13 +27,26 @@ const Documentation = () =>
     </ul>
   </Fragment>
 
-const HEALSupport = () =>
+const HEALSupport = () => {
+  const { analyticsEvents } = useAnalytics()
+  return (
     <Fragment>
         <Title level={1}>Need Help?</Title>
         <div style={{ fontSize: 15 }}>
           <Typography>To report a bug, request technical assistance, submit user feedback, or submit a different request, visit our Help Portal.</Typography>
           <ul>
-              <li><a href="http://bit.ly/HEALSemanticSearch_Help" target="_blank" rel="noopener noreferrer"><b>Help Portal</b></a></li>
+              <li>
+                <a
+                  href="http://bit.ly/HEALSemanticSearch_Help"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  onClick={ () => {
+                    analyticsEvents.helpPortalOpened()
+                  } }
+                >
+                  <b>Help Portal</b>
+                </a>
+              </li>
           </ul>
         </div>
 
@@ -44,11 +57,14 @@ const HEALSupport = () =>
               We encourage you to get started with these introductory materials.
           </Typography>
           <ul>
+              {/* ADD analytics here when complete. */}
               <li><b>User Guide</b> (in development)</li>
               <li><b>FAQs</b> (in development)</li>
           </ul>
         </div>
     </Fragment>
+  )
+}
 
 export const SupportView = () => {
   const { context } = useEnvironment()