id views - implement Applied to tab

Also expanded alerts to accept react nodes for the alert title Fixes: freeipa#585 Signed-off-by: Mark Reynolds <[email protected]>
carma12 · Nov 15, 2024 · e471b93 · e471b93
1 parent c375511
commit e471b93
Show file tree

Hide file tree

Showing 19 changed files with 1,116 additions and 110 deletions.
diff --git a/src/hooks/useAlerts.tsx b/src/hooks/useAlerts.tsx
@@ -11,7 +11,7 @@ export type AlertVariant = "custom" | "danger" | "warning" | "success" | "info";
 
 export interface AlertInfo {
   name: string;
-  title: string;
+  title: string | React.ReactNode;
   variant: AlertVariant;
 }
 
@@ -22,7 +22,11 @@ export function useAlerts() {
     return alerts.filter((alert) => alert.name !== name);
   };
 
-  const addAlert = (name: string, title: string, variant: AlertVariant) => {
+  const addAlert = (
+    name: string,
+    title: string | React.ReactNode,
+    variant: AlertVariant
+  ) => {
     const alert: AlertInfo = {
       name: name,
       title: title,

diff --git a/src/navigation/AppRoutes.tsx b/src/navigation/AppRoutes.tsx
@@ -292,6 +292,10 @@ export const AppRoutes = ({ isInitialDataLoaded }): React.ReactElement => {
                     path="override-groups"
                     element={<IDViewsTabs section="override-groups" />}
                   />
+                  <Route
+                    path="appliedto"
+                    element={<IDViewsTabs section="appliedto" />}
+                  />
                 </Route>
               </Route>
               <Route path="user-group-rules">

diff --git a/src/pages/IDViews/IDViews.tsx b/src/pages/IDViews/IDViews.tsx
@@ -376,7 +376,9 @@ const IDViews = () => {
         if (response.data.result) {
           alerts.addAlert(
             "unapply-id-views-hosts-success",
-            "ID views unapplied from hosts",
+            "ID views unapplied from " +
+              response.data.result["completed"] +
+              " hosts",
             "success"
           );
           // Refresh data
@@ -406,7 +408,9 @@ const IDViews = () => {
         if (response.data.result) {
           alerts.addAlert(
             "unapply-id-views-hosts-success",
-            "ID views unapplied from host groups",
+            "ID views unapplied from " +
+              response.data.result["completed"] +
+              " hosts",
             "success"
           );
           // Refresh data