From da55706d952cb9bdbff3c371966dcea09e53c22a Mon Sep 17 00:00:00 2001
From: Craig Yu <craig.yu93@gmail.com>
Date: Tue, 26 Nov 2024 11:22:33 -0800
Subject: [PATCH] fix: #1673 add IDIM warn notification message (#1674)

---
 frontend/src/constants/Notifications.ts       | 6 ++++++
 frontend/src/views/AddAppPermission/index.vue | 9 +++++++--
 frontend/src/views/AddFamPermission/index.vue | 7 +++++++
 3 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/constants/Notifications.ts

diff --git a/frontend/src/constants/Notifications.ts b/frontend/src/constants/Notifications.ts
new file mode 100644
index 000000000..1d018a2e5
--- /dev/null
+++ b/frontend/src/constants/Notifications.ts
@@ -0,0 +1,6 @@
+import { h } from "vue";
+
+export const IDIM_DEPENDENCY_FAILURE_MESSAGE = h("p", null, [
+    h("strong", null, "Notice!"),
+    " We are currently working to resolve issues with granting user access. Please check back on November 27, 2024, at 12:00 PM for updates.",
+]);
diff --git a/frontend/src/views/AddAppPermission/index.vue b/frontend/src/views/AddAppPermission/index.vue
index 2eae6ab0c..859dbd125 100644
--- a/frontend/src/views/AddAppPermission/index.vue
+++ b/frontend/src/views/AddAppPermission/index.vue
@@ -14,7 +14,6 @@ import {
     AdminMgmtApiService,
     AppActlApiService,
 } from "@/services/ApiServiceFactory";
-import { EnvironmentSettings } from "@/services/EnvironmentSettings";
 import { isProdAppSelectedOnProdEnv } from "@/services/utils";
 import type { BreadCrumbType } from "@/types/BreadCrumbTypes";
 import type { AddAppPermissionRouteProps } from "@/types/RouteTypes";
@@ -50,10 +49,11 @@ import { useConfirm } from "primevue/useconfirm";
 import { Form } from "vee-validate";
 import { computed, ref, watch } from "vue";
 import { useRouter } from "vue-router";
+import NotificationMessage from "@/components/UI/NotificationMessage.vue";
+import { IDIM_DEPENDENCY_FAILURE_MESSAGE } from "@/constants/Notifications";
 
 const router = useRouter();
 const auth = useAuth();
-const env = new EnvironmentSettings();
 
 const props = defineProps<AddAppPermissionRouteProps>();
 
@@ -280,6 +280,11 @@ const onSubmit = () => {
 
 <template>
     <div class="add-app-permission-container">
+        <NotificationMessage
+            severity="warn"
+            :message="IDIM_DEPENDENCY_FAILURE_MESSAGE"
+            hide-severity-text
+        />
         <ConfirmDialog
             group="addDelegatedAdmin"
             class="delegated-admin-confrim-dialog"
diff --git a/frontend/src/views/AddFamPermission/index.vue b/frontend/src/views/AddFamPermission/index.vue
index 59c14a42a..12c01a9a5 100644
--- a/frontend/src/views/AddFamPermission/index.vue
+++ b/frontend/src/views/AddFamPermission/index.vue
@@ -8,6 +8,8 @@ import CheckmarkIcon from "@carbon/icons-vue/es/checkmark/16";
 import BreadCrumbs from "@/components/UI/BreadCrumbs.vue";
 import type { BreadCrumbType } from "@/types/BreadCrumbTypes";
 import { ManagePermissionsRoute } from "@/router/routes";
+import NotificationMessage from "@/components/UI/NotificationMessage.vue";
+import { IDIM_DEPENDENCY_FAILURE_MESSAGE } from "@/constants/Notifications";
 import PageTitle from "@/components/UI/PageTitle.vue";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/vue-query";
 import { AdminMgmtApiService } from "@/services/ApiServiceFactory";
@@ -123,6 +125,11 @@ const onSubmit = () => {
 
 <template>
     <div class="add-fam-permission-container">
+        <NotificationMessage
+            severity="warn"
+            :message="IDIM_DEPENDENCY_FAILURE_MESSAGE"
+            hide-severity-text
+        />
         <BreadCrumbs :crumbs="crumbs" />
         <PageTitle
             title="Add application admin"