change: [M3-8329] - Clean up Gravatar analytics events

packages/manager/.changeset/pr-10661-removed-1720547888843.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Removed
+---
+
+Gravatar analytics events ([#10661](https://github.com/linode/manager/pull/10661))

packages/manager/src/components/GravatarByEmail.tsx

@@ -2,18 +2,11 @@ import Avatar from '@mui/material/Avatar';
 import * as React from 'react';
 
 import UserIcon from 'src/assets/icons/account.svg';
-import { sendHasGravatarEvent } from 'src/utilities/analytics/customEventAnalytics';
-import { waitForAdobeAnalyticsToBeLoaded } from 'src/utilities/analytics/utils';
 import { getGravatarUrl } from 'src/utilities/gravatar';
 
 export const DEFAULT_AVATAR_SIZE = 28;
 
 interface Props {
-  /**
-   * Captures a "has gravatar" event when when the component is mounted
-   * @default false
-   */
-  captureAnalytics?: boolean;
   className?: string;
   email: string;
   height?: number;
@@ -22,7 +15,6 @@ interface Props {
 
 export const GravatarByEmail = (props: Props) => {
   const {
-    captureAnalytics,
     className,
     email,
     height = DEFAULT_AVATAR_SIZE,
@@ -31,12 +23,6 @@ export const GravatarByEmail = (props: Props) => {
 
   const url = getGravatarUrl(email);
 
-  React.useEffect(() => {
-    if (captureAnalytics) {
-      checkForGravatarAndSendEvent(url);
-    }
-  }, []);
-
   return (
     <Avatar
       alt={`Avatar for user ${email}`}
@@ -48,28 +34,3 @@ export const GravatarByEmail = (props: Props) => {
     </Avatar>
   );
 };
-
-/**
- * Given a Gravatar URL, this function waits for Adobe Analytics
- * to load (if it is not already loaded) and captures an Analytics
- * event saying whether or not the user has a Gravatar.
- *
- * Make sure the URL passed has `?d=404`
- */
-async function checkForGravatarAndSendEvent(url: string) {
-  try {
-    await waitForAdobeAnalyticsToBeLoaded();
-
-    const response = await fetch(url);
-
-    if (response.status === 200) {
-      sendHasGravatarEvent(true);
-    }
-    if (response.status === 404) {
-      sendHasGravatarEvent(false);
-    }
-  } catch (error) {
-    // Analytics didn't load or the fetch to Gravatar
-    // failed. Event won't be logged.
-  }
-}

packages/manager/src/features/Profile/DisplaySettings/DisplaySettings.tsx

@@ -16,11 +16,11 @@ import { Typography } from 'src/components/Typography';
 import { RESTRICTED_FIELD_TOOLTIP } from 'src/features/Account/constants';
 import { useNotificationsQuery } from 'src/queries/account/notifications';
 import { useMutateProfile, useProfile } from 'src/queries/profile/profile';
-import { ApplicationState } from 'src/store';
-import { sendManageGravatarEvent } from 'src/utilities/analytics/customEventAnalytics';
 
 import { TimezoneForm } from './TimezoneForm';
 
+import type { ApplicationState } from 'src/store';
+
 export const DisplaySettings = () => {
   const theme = useTheme();
   const { mutateAsync: updateProfile } = useMutateProfile();
@@ -111,11 +111,7 @@ export const DisplaySettings = () => {
                 Create, upload, and manage your globally recognized avatar from
                 a single place with Gravatar.
               </StyledProfileCopy>
-              <StyledAddImageLink
-                external
-                onClick={() => sendManageGravatarEvent()}
-                to="https://en.gravatar.com/"
-              >
+              <StyledAddImageLink external to="https://en.gravatar.com/">
                 Manage photo
               </StyledAddImageLink>
             </div>

packages/manager/src/features/TopMenu/UserMenu/UserMenu.tsx

@@ -209,7 +209,7 @@ export const UserMenu = React.memo(() => {
             isProxyUser ? (
               <GravatarForProxy />
             ) : (
-              <GravatarByEmail captureAnalytics email={profile?.email ?? ''} />
+              <GravatarByEmail email={profile?.email ?? ''} />
             )
           }
           sx={(theme) => ({

packages/manager/src/utilities/analytics/customEventAnalytics.ts

@@ -452,24 +452,6 @@ export const sendUpdateLinodeLabelEvent = (
   });
 };
 
-// GravatarByEmail.tsx
-export const sendHasGravatarEvent = (hasGravatar: boolean) => {
-  sendEvent({
-    action: 'Load',
-    category: 'Gravatar',
-    label: hasGravatar ? 'Has Gravatar' : 'Does not have Gravatar',
-  });
-};
-
-// DisplaySettings.tsx
-export const sendManageGravatarEvent = () => {
-  sendEvent({
-    action: 'Click:link',
-    category: 'Gravatar',
-    label: 'Manage photo',
-  });
-};
-
 // SelectLinodePanel.tsx
 // LinodeSelectTable.tsx
 export const sendLinodePowerOffEvent = (category: string) => {