Add paths attribute to per workflow banner settings

frontend/packages/core/src/AppNotifications/LayoutWithNotifications.tsx

@@ -1,10 +1,12 @@
 import React from "react";
+import { useLocation } from "react-router-dom";
 import isEmpty from "lodash/isEmpty";
 
 import { Alert } from "../Feedback";
 import Grid from "../grid";
 import { Link as LinkComponent } from "../link";
 import type { AppBanners } from "../Types";
+import { findPathMatchList } from "../utils";
 
 interface LayoutWithNotificationsProps {
   bannersData: AppBanners;
@@ -22,8 +24,17 @@ const LayoutWithNotifications = ({
   const perWorkflowData = bannersData?.perWorkflow;
   const multiWorkflowData = bannersData?.multiWorkflow;
 
-  const showAlertPerWorkflow =
+  const location = useLocation();
+
+  const pathMatches = findPathMatchList(location?.pathname, perWorkflowData[workflow]?.paths);
+
+  const hasPerWorkflowAlert =
     workflow && perWorkflowData[workflow] && !perWorkflowData[workflow]?.dismissed;
+  const showAlertPerWorkflow = !isEmpty(perWorkflowData[workflow]?.paths)
+    ? hasPerWorkflowAlert &&
+      (perWorkflowData[workflow]?.paths?.includes(location.pathname) || pathMatches)
+    : hasPerWorkflowAlert;
+
   const showAlertMultiWorkflow =
     showAlertPerWorkflow || perWorkflowData[workflow]?.dismissed
       ? false

frontend/packages/core/src/AppNotifications/useCompareAppNotificationsData.tsx

@@ -59,6 +59,7 @@ const useCompareAppNotificationsData = (banners: AppBanners) => {
           linkText: bannersPreferences?.perWorkflow?.[key].linkText,
           link: bannersPreferences?.perWorkflow?.[key].link,
           severity: bannersPreferences?.perWorkflow?.[key].severity,
+          paths: bannersPreferences?.perWorkflow?.[key].paths,
         };
 
         if (!isEqual(banners?.perWorkflow?.[key], perWorkflowPreferences)) {

frontend/packages/core/src/Types/notification.tsx

@@ -13,6 +13,7 @@ export interface Banner extends Pick<AlertProps, "title" | "severity"> {
   dismissed: boolean;
   linkText?: string;
   link?: string;
+  paths?: string[];
 }
 
 export interface PerWorkflowBanner {

frontend/packages/core/src/utils/index.ts

@@ -1,2 +1,3 @@
 // eslint-disable-next-line import/prefer-default-export
 export { default as getDisplayName } from "./getDisplayName";
+export { default as findPathMatchList } from "./pathMatching";

frontend/packages/core/src/utils/pathMatching.tsx

@@ -0,0 +1,17 @@
+import { matchPath } from "react-router";
+
+const findPathMatchList = (locationPathname: string, pathstoMatch: string[]) => {
+  let pathFound = false;
+
+  pathstoMatch?.forEach((path: string) => {
+    const match = matchPath({ path }, locationPathname);
+
+    if (match) {
+      pathFound = true;
+    }
+  });
+
+  return pathFound;
+};
+
+export default findPathMatchList;