feat: set custom_referrer if projects visited from org menu

Author: bcoe

static/app/views/nav/orgDropdown.tsx

@@ -16,7 +16,9 @@ import OrganizationsStore from 'sentry/stores/organizationsStore';
 import {useLegacyStore} from 'sentry/stores/useLegacyStore';
 import type {Organization} from 'sentry/types/organization';
 import {isDemoModeActive} from 'sentry/utils/demoMode';
+import localStorage from 'sentry/utils/localStorage';
 import {localizeDomain, resolveRoute} from 'sentry/utils/resolveRoute';
+import {useNavigate} from 'sentry/utils/useNavigate';
 import useOrganization from 'sentry/utils/useOrganization';
 import useProjects from 'sentry/utils/useProjects';
 import {useNavContext} from 'sentry/views/nav/context';
@@ -61,6 +63,7 @@ export function OrgDropdown({
 
   const config = useLegacyStore(ConfigStore);
   const organization = useOrganization();
+  const navigate = useNavigate();
 
   // It's possible we do not have an org in context (e.g. RouteNotFound)
   // Otherwise, we should have the full org
@@ -144,7 +147,10 @@ export function OrgDropdown({
             {
               key: 'projects',
               label: t('Projects'),
-              to: makeProjectsPathname({path: '/', organization}),
+              onAction: () => {
+                localStorage.setItem('customReferrer', 'org-dropdown');
+                navigate(makeProjectsPathname({path: '/', organization}));
+              },
               hidden: hideOrgLinks,
             },
             {

static/gsApp/utils/rawTrackAnalyticsEvent.spec.tsx

@@ -5,6 +5,7 @@ import {setWindowLocation} from 'sentry-test/utils';
 
 import ConfigStore from 'sentry/stores/configStore';
 import {uniqueId} from 'sentry/utils/guid';
+import localStorageWrapper from 'sentry/utils/localStorage';
 import sessionStorage from 'sentry/utils/sessionStorage';
 
 import rawTrackAnalyticsEvent from 'getsentry/utils/rawTrackAnalyticsEvent';
@@ -184,6 +185,31 @@ describe('rawTrackAnalyticsEvent', () => {
     );
     setWindowLocation('http:/localhost/');
   });
+
+  it('sets custom_referrer if found in local storage', () => {
+    localStorageWrapper.setItem('customReferrer', 'batman');
+    setWindowLocation('http:/localhost');
+    rawTrackAnalyticsEvent({
+      eventKey: 'test_event',
+      eventName: 'Test Event',
+      organization,
+    });
+
+    expect(trackReloadEvent).toHaveBeenCalledWith(
+      'test_event',
+      expect.objectContaining({custom_referrer: 'batman'})
+    );
+
+    expect(trackAmplitudeEvent).toHaveBeenCalledWith(
+      'Test Event',
+      org_id,
+      expect.objectContaining({custom_referrer: 'batman'}),
+      {time: undefined}
+    );
+    setWindowLocation('http:/localhost/');
+    expect(localStorageWrapper.getItem('customReferrer')).toBeNull();
+  });
+
   it('start analytics session', () => {
     rawTrackAnalyticsEvent(
       {

static/gsApp/utils/rawTrackAnalyticsEvent.tsx

@@ -71,6 +71,15 @@ const hasAnalyticsDebug = () => localStorage.getItem('DEBUG_ANALYTICS_GETSENTRY'
 
 const getCustomReferrer = () => {
   try {
+    // pull the referrer from local storage.
+    if (
+      localStorage.getItem('customReferrer') &&
+      typeof localStorage.getItem('customReferrer') === 'string'
+    ) {
+      const referrer = localStorage.getItem('customReferrer');
+      localStorage.removeItem('customReferrer');
+      return referrer;
+    }
     // pull the referrer from the query parameter of the page
     const {referrer} = qs.parse(window.location.search) || {};
     if (referrer && typeof referrer === 'string') {