chore(ui): remove MQTT EOL announcement and related code

src/homepageExperience/ClickThroughAnnouncementHandler.tsx

@@ -5,16 +5,16 @@ import {useLocalStorageState} from 'use-local-storage-state'
 
 // Utils
 import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
-import {isFlagEnabled} from 'src/shared/utils/featureFlag'
 import {event} from 'src/cloud/utils/reporting'
 
 export enum AnnouncementID {
-  MqttEol = 'mqttEolClickThroughAnnouncement',
+  None = 'none',
 }
 
 enum AnnouncementState {
   Dismissed = 'dismissed',
   Display = 'display',
+  Disabled = 'disabled',
 }
 
 export const ClickThroughAnnouncementHandler: FC = () => {
@@ -46,6 +46,10 @@ export const ClickThroughAnnouncementHandler: FC = () => {
   }
 
   const handleDisplayAnnouncement = (announcementID: string): void => {
+    if (announcementID === AnnouncementID.None) {
+      return null
+    }
+
     initAnnouncement(announcementID)
 
     if (announcementState[announcementID] === AnnouncementState.Display) {
@@ -61,16 +65,8 @@ export const ClickThroughAnnouncementHandler: FC = () => {
   }
 
   useEffect(() => {
-    // MQTT Audience: Cloud users with MQTT feature flag enabled
-    const isMqttAudience = isFlagEnabled('subscriptionsUI')
-
-    // Sequentially display announcements in order of priority
-    if (
-      isMqttAudience &&
-      announcementState[AnnouncementID.MqttEol] !== AnnouncementState.Dismissed
-    ) {
-      handleDisplayAnnouncement(AnnouncementID.MqttEol)
-    }
+    // Sequentially display announcements in order of priority (use AnnouncementID.None to disable)
+    handleDisplayAnnouncement(AnnouncementID.None)
   }, [announcementState])
 
   return null

src/me/components/ClickThroughAnnouncementOverlay.tsx

@@ -4,7 +4,6 @@ import {useSelector} from 'react-redux'
 
 // Components
 import {Overlay} from '@influxdata/clockface'
-import {MqttEolAnnouncement} from 'src/me/components/announcements/MqttEolAnnouncement'
 
 // Utils
 import {event} from 'src/cloud/utils/reporting'
@@ -19,31 +18,17 @@ interface ClickThroughAnnouncementOverlayProps {
 
 export const ClickThroughAnnouncementOverlay: FC<
   ClickThroughAnnouncementOverlayProps
-> = ({onClose}) => {
+> = () => {
   const {announcementID} = useSelector(getOverlayParams)
 
   useEffect(() => {
     event(`${announcementID}.displayed`)
   }, [])
 
-  const handleDetailsClick = () => {
-    event(`${announcementID}.details.clicked`)
-  }
-
-  const handleAcknowledgeClick = () => {
-    event(`${announcementID}.acknowledge.clicked`)
-    onClose()
-  }
-
   const announcementContents = (): JSX.Element => {
     switch (announcementID) {
-      case AnnouncementID.MqttEol:
-        return (
-          <MqttEolAnnouncement
-            handleAcknowledgeClick={handleAcknowledgeClick}
-            handleDetailsClick={handleDetailsClick}
-          />
-        )
+      case AnnouncementID.None:
+        return null
       default:
         return null
     }