feat(GlobalHeader): Remove split treatment and tracking. Remove old G…

…itHub links. Note: editUrl prop is deprecated. This can be removed.
newrelic · Oct 26, 2020 · 6826de7 · 6826de7
1 parent fb13e4a
commit 6826de7
Showing 1 changed file with 5 additions and 90 deletions.
diff --git a/packages/gatsby-theme-newrelic/src/components/GlobalHeader.js b/packages/gatsby-theme-newrelic/src/components/GlobalHeader.js
@@ -16,8 +16,6 @@ import { useLocation } from '@reach/router';
 import useQueryParams from '../hooks/useQueryParams';
 import useKeyPress from '../hooks/useKeyPress';
 import { rgba } from 'polished';
-import { useTreatments, useTrack } from '@splitsoftware/splitio-react';
-import { SPLITS, SPLIT_TRACKING_EVENTS } from '../utils/constants';
 
 const UTM_SOURCES = {
   'https://developer.newrelic.com': 'developer-site',
@@ -46,15 +44,14 @@ const actionIcon = css`
   cursor: pointer;
 `;
 
-const GlobalHeader = ({ className, editUrl }) => {
+const GlobalHeader = ({ className }) => {
   const location = useLocation();
   const { queryParams } = useQueryParams();
 
   const { site } = useStaticQuery(graphql`
     query GlobalHeaderQuery {
       site {
         siteMetadata {
-          repository
           siteUrl
         }
         layout {
@@ -65,12 +62,9 @@ const GlobalHeader = ({ className, editUrl }) => {
     }
   `);
 
-  const utmSource = UTM_SOURCES[site.siteMetadata.siteUrl];
-  const treatments = useTreatments([SPLITS.GLOBAL_HEADER_GITHUB_BUTTONS]);
-  const track = useTrack();
+  const { siteMetadata, layout } = site;
 
-  const shouldShowGithubActions =
-    treatments[SPLITS.GLOBAL_HEADER_GITHUB_BUTTONS].treatment === 'on';
+  const utmSource = UTM_SOURCES[siteMetadata.siteUrl];
 
   useKeyPress('/', (e) => {
     // Don't trigger overlay when typing in an input or textarea
@@ -87,11 +81,6 @@ const GlobalHeader = ({ className, editUrl }) => {
 
   const hideLogoText = useMedia({ maxWidth: '655px' });
 
-  const {
-    layout,
-    siteMetadata: { repository },
-  } = site;
-
   return (
     <>
       <AnnouncementBanner />
@@ -235,19 +224,7 @@ const GlobalHeader = ({ className, editUrl }) => {
             `}
           >
             <li>
-              <Link
-                to="?q="
-                css={actionLink}
-                onClick={() =>
-                  track(
-                    SPLIT_TRACKING_EVENTS.GLOBAL_HEADER_CLICK_ACTION,
-                    null,
-                    {
-                      action: 'search',
-                    }
-                  )
-                }
-              >
+              <Link to="?q=" css={actionLink}>
                 <Icon
                   css={actionIcon}
                   name={Icon.TYPE.SEARCH}
@@ -256,70 +233,8 @@ const GlobalHeader = ({ className, editUrl }) => {
               </Link>
             </li>
             <li>
-              <DarkModeToggle
-                css={[actionIcon, action]}
-                size="0.875rem"
-                onClick={() =>
-                  track(
-                    SPLIT_TRACKING_EVENTS.GLOBAL_HEADER_CLICK_ACTION,
-                    null,
-                    {
-                      action: 'dark_mode',
-                    }
-                  )
-                }
-              />
+              <DarkModeToggle css={[actionIcon, action]} size="0.875rem" />
             </li>
-            {shouldShowGithubActions && (
-              <>
-                {editUrl && (
-                  <li>
-                    <ExternalLink
-                      css={actionLink}
-                      href={editUrl}
-                      onClick={() =>
-                        track(
-                          SPLIT_TRACKING_EVENTS.GLOBAL_HEADER_CLICK_ACTION,
-                          null,
-                          {
-                            action: 'edit_page',
-                          }
-                        )
-                      }
-                    >
-                      <Icon
-                        css={actionIcon}
-                        name={Icon.TYPE.EDIT}
-                        size="0.875rem"
-                      />
-                    </ExternalLink>
-                  </li>
-                )}
-                {repository && (
-                  <li>
-                    <ExternalLink
-                      css={actionLink}
-                      href={`${repository}/issues/new/choose`}
-                      onClick={() =>
-                        track(
-                          SPLIT_TRACKING_EVENTS.GLOBAL_HEADER_CLICK_ACTION,
-                          null,
-                          {
-                            action: 'issues',
-                          }
-                        )
-                      }
-                    >
-                      <Icon
-                        css={actionIcon}
-                        name={Icon.TYPE.GITHUB}
-                        size="0.875rem"
-                      />
-                    </ExternalLink>
-                  </li>
-                )}
-              </>
-            )}
             <li
               css={css`
                 display: flex;