Menu Tweaks and Rename Notifications to Events (#2639)

- Rename notifications to events.
- Add categories to event destinations
- Menu changes

Co-authored-by: jinapurapu <65002498+jinapurapu@users.noreply.github.com>

Author: dvaldivia

portal-ui/src/common/SecureComponent/permissions.ts

@@ -204,10 +204,9 @@ export const IAM_PAGES = {
   /* Documentation **/
   DOCUMENTATION: "/documentation",
   /* TBD ? */
-  NOTIFICATIONS_ENDPOINTS: "/settings/notification-endpoints",
-  NOTIFICATIONS_ENDPOINTS_ADD: "/settings/notification-endpoints/add",
-  NOTIFICATIONS_ENDPOINTS_ADD_SERVICE:
-    "/settings/notification-endpoints/add/:service",
+  EVENT_DESTINATIONS: "/settings/event-destinations",
+  EVENT_DESTINATIONS_ADD: "/settings/event-destinations/add",
+  EVENT_DESTINATIONS_ADD_SERVICE: "/settings/event-destinations/add/:service",
   TIERS: "/settings/tiers",
   TIERS_ADD: "/settings/tiers/add",
   TIERS_ADD_SERVICE: "/settings/tiers/add/:service",
@@ -412,15 +411,15 @@ export const IAM_PAGES_PERMISSIONS = {
   [IAM_PAGES.SETTINGS_VIEW]: [
     IAM_SCOPES.ADMIN_CONFIG_UPDATE, // displays configuration list
   ],
-  [IAM_PAGES.NOTIFICATIONS_ENDPOINTS_ADD_SERVICE]: [
+  [IAM_PAGES.EVENT_DESTINATIONS_ADD_SERVICE]: [
     IAM_SCOPES.ADMIN_SERVER_INFO,
     IAM_SCOPES.ADMIN_CONFIG_UPDATE,
   ],
-  [IAM_PAGES.NOTIFICATIONS_ENDPOINTS_ADD]: [
+  [IAM_PAGES.EVENT_DESTINATIONS_ADD]: [
     IAM_SCOPES.ADMIN_SERVER_INFO,
     IAM_SCOPES.ADMIN_CONFIG_UPDATE,
   ],
-  [IAM_PAGES.NOTIFICATIONS_ENDPOINTS]: [
+  [IAM_PAGES.EVENT_DESTINATIONS]: [
     IAM_SCOPES.ADMIN_SERVER_INFO, // displays notifications endpoints
     IAM_SCOPES.ADMIN_CONFIG_UPDATE, // displays create notification button
   ],

portal-ui/src/screens/Console/Common/ContentBox.tsx

@@ -18,7 +18,7 @@ import React from "react";
 import { useLocation } from "react-router-dom";
 import Grid from "@mui/material/Grid";
 import { configurationElements } from "../utils";
-import EditConfiguration from "../../NotificationEndpoints/CustomForms/EditConfiguration";
+import EditConfiguration from "../../EventDestinations/CustomForms/EditConfiguration";
 
 const ConfigurationsList = () => {
   const { pathname = "" } = useLocation();

portal-ui/src/screens/Console/Configurations/ConfigurationPanels/ConfigurationForm.tsx

@@ -69,14 +69,14 @@ const RegisterOperator = React.lazy(() => import("./Support/RegisterOperator"));
 
 const AddTenant = React.lazy(() => import("./Tenants/AddTenant/AddTenant"));
 
-const NotificationEndpoints = React.lazy(
-  () => import("./NotificationEndpoints/NotificationEndpoints")
+const EventDestinations = React.lazy(
+  () => import("./EventDestinations/EventDestinations")
 );
-const AddNotificationEndpoint = React.lazy(
-  () => import("./NotificationEndpoints/AddNotificationEndpoint")
+const AddEventDestination = React.lazy(
+  () => import("./EventDestinations/AddEventDestination")
 );
-const NotificationTypeSelector = React.lazy(
-  () => import("./NotificationEndpoints/NotificationTypeSelector")
+const EventTypeSelector = React.lazy(
+  () => import("./EventDestinations/EventTypeSelector")
 );
 
 const ListTiersConfiguration = React.lazy(
@@ -425,16 +425,16 @@ const Console = ({ classes }: IConsoleProps) => {
       path: IAM_PAGES.SETTINGS,
     },
     {
-      component: AddNotificationEndpoint,
-      path: IAM_PAGES.NOTIFICATIONS_ENDPOINTS_ADD_SERVICE,
+      component: AddEventDestination,
+      path: IAM_PAGES.EVENT_DESTINATIONS_ADD_SERVICE,
     },
     {
-      component: NotificationTypeSelector,
-      path: IAM_PAGES.NOTIFICATIONS_ENDPOINTS_ADD,
+      component: EventTypeSelector,
+      path: IAM_PAGES.EVENT_DESTINATIONS_ADD,
     },
     {
-      component: NotificationEndpoints,
-      path: IAM_PAGES.NOTIFICATIONS_ENDPOINTS,
+      component: EventDestinations,
+      path: IAM_PAGES.EVENT_DESTINATIONS,
     },
     {
       component: AddTierConfiguration,

portal-ui/src/screens/Console/Console.tsx

@@ -29,7 +29,7 @@ import {
   notifyMysql,
   notifyPostgres,
   removeEmptyFields,
-  servicesList,
+  destinationList,
 } from "./utils";
 import {
   modalBasic,
@@ -110,7 +110,7 @@ interface IAddNotificationEndpointProps {
   classes: any;
 }
 
-const AddNotificationEndpoint = ({
+const AddEventDestination = ({
   saveAndRefresh,
   classes,
 }: IAddNotificationEndpointProps) => {
@@ -134,7 +134,7 @@ const AddNotificationEndpoint = ({
         .then(() => {
           setSaving(false);
           dispatch(setServerNeedsRestart(true));
-          navigate(IAM_PAGES.NOTIFICATIONS_ENDPOINTS);
+          navigate(IAM_PAGES.EVENT_DESTINATIONS);
         })
         .catch((err: ErrorResponseHandler) => {
           setSaving(false);
@@ -175,7 +175,7 @@ const AddNotificationEndpoint = ({
     }
   }
 
-  const targetElement = servicesList.find(
+  const targetElement = destinationList.find(
     (element) => element.actionTrigger === service
   );
 
@@ -186,7 +186,7 @@ const AddNotificationEndpoint = ({
           <Fragment>
             <BackLink
               label="Notification Endpoint"
-              onClick={() => navigate(IAM_PAGES.NOTIFICATIONS_ENDPOINTS_ADD)}
+              onClick={() => navigate(IAM_PAGES.EVENT_DESTINATIONS_ADD)}
             />
           </Fragment>
         }
@@ -230,7 +230,7 @@ const AddNotificationEndpoint = ({
                     type="submit"
                     variant="callAction"
                     disabled={saving}
-                    label={"Save Notification Target"}
+                    label={"Save Event Destination"}
                   />
                 </Grid>
               </div>
@@ -242,4 +242,4 @@ const AddNotificationEndpoint = ({
   );
 };
 
-export default withStyles(styles)(AddNotificationEndpoint);
+export default withStyles(styles)(AddEventDestination);

portal-ui/src/screens/Console/NotificationEndpoints/AddNotificationEndpoint.tsx renamed to portal-ui/src/screens/Console/EventDestinations/AddEventDestination.tsx

@@ -3,7 +3,7 @@ import ConfirmDialog from "../Common/ModalWrapper/ConfirmDialog";
 import { ConfirmModalIcon } from "mds";
 import { DialogContentText } from "@mui/material";
 
-const ConfirmDeleteTargetModal = ({
+const ConfirmDeleteDestinationModal = ({
   onConfirm,
   onClose,
   serviceName,
@@ -36,4 +36,4 @@ const ConfirmDeleteTargetModal = ({
   );
 };
 
-export default ConfirmDeleteTargetModal;
+export default ConfirmDeleteDestinationModal;