feat: add banner for redirect Real-Time Manager (#2219)

src/views/Home/HomeView.vue

@@ -12,6 +12,9 @@
   import DialogOnboardingScheduling from '@/templates/dialogs-block/dialog-onboarding-scheduling.vue'
   import CreateFormBlock from '@/templates/create-form-block'
   import { useLayout } from '@/composables/use-layout'
+  import InlineMessage from 'primevue/inlinemessage'
+  import { getStaticUrlsByEnvironment } from '@/helpers'
+
   /**@type {import('@/plugins/analytics/AnalyticsTrackerAdapter').AnalyticsTrackerAdapter} */
   const tracker = inject('tracker')
 
@@ -39,7 +42,7 @@
   const router = useRouter()
   const route = useRoute()
   const dialog = useDialog()
-  const { accountData } = useAccountStore()
+  const { accountData, isBannerVisible } = useAccountStore()
   const user = accountData
 
   const teams = ref([])
@@ -113,6 +116,12 @@
     }
   }
 
+  const openRTM = async () => {
+    const urlEOL = getStaticUrlsByEnvironment('managerEOL')
+    await tracker.product.clickedTo({ target: 'RTM' }).track()
+    window.location.href = `${urlEOL}?disableRedirect=true`
+  }
+
   onMounted(async () => {
     teams.value = await props.listTeamsService()
     showOnboardingSchedulingDialog()
@@ -126,6 +135,25 @@
   <ContentBlock>
     <template #content>
       <section class="w-full flex flex-col gap-6 lg:gap-8">
+        <InlineMessage
+          v-if="isBannerVisible"
+          class="p-3 gap-1"
+          severity="info"
+          data-testid="message-deprecation"
+        >
+          Azion Console is now the primary way to access Azion's platform.
+          <PrimeButton
+            label="Real-Time Manager (RTM)"
+            @click="openRTM"
+            iconPos="right"
+            class="p-0"
+            size="small"
+            link
+          />
+          will be deprecated soon, and access will only be available for a limited time through this
+          link.
+        </InlineMessage>
+
         <div
           v-if="showExperimental"
           class="w-full p-3 surface-border border rounded-md flex flex-col gap-4 justify-between items-center sm:flex-row sm:p-8 lg:gap-10"