Merge pull request #1021 from Arnei/fix-active-wf-notification

Fix notification display in event metadata tab

Author: Arnei

src/components/configuration/Themes.tsx

@@ -114,7 +114,7 @@ const Themes = () => {
 
 			<MainView open={displayNavigation}>
 				{/* Include notifications component */}
-				<Notifications />
+				<Notifications context={"other"}/>
 
 				<div className="controls-container">
 					{/* Include filters component */}

src/components/configuration/partials/wizard/GeneralPage.tsx

@@ -35,7 +35,7 @@ const GeneralPage = <T,>({
 					<div className="full-col">
 						<div className="form-container">
 							<div className="row">
-								<Notifications />
+								<Notifications context={"other"}/>
 								<label className="required" style={isEdit ? editStyle: undefined}>
 									{t("CONFIGURATION.THEMES.DETAILS.GENERAL.NAME")}
 								</label>

src/components/events/Events.tsx

@@ -269,7 +269,7 @@ const Events = () => {
 
 			<MainView open={displayNavigation}>
 				{/* Include notifications component */}
-				<Notifications />
+				<Notifications context={"other"}/>
 
 				<div className="controls-container">
 					<div className="filters-container">

src/components/events/Series.tsx

@@ -196,7 +196,7 @@ const Series = () => {
 
 			<MainView open={displayNavigation}>
 				{/* Include notifications component */}
-				<Notifications />
+				<Notifications context={"other"}/>
 
 				<div className="controls-container">
 					<div className="filters-container">

src/components/events/partials/ModalTabsAndPages/EventDetailsCommentsTab.tsx

@@ -111,7 +111,7 @@ const EventDetailsCommentsTab = ({
 	return (
 		<div className="modal-content">
 			<div className="modal-body">
-				<Notifications context="not-corner" />
+				<Notifications context="not_corner" />
 				<div className="full-col">
 					<div className="obj comments">
 						<header>{t(header)}</header>

src/components/events/partials/ModalTabsAndPages/EventDetailsPublicationTab.tsx

@@ -30,7 +30,7 @@ const EventDetailsPublicationTab = ({
 		<>
 			<div className="modal-content">
 				<div className="modal-body">
-					<Notifications />
+					<Notifications context={"other"}/>
 					<div className="full-col">
 						<div className="obj list-obj">
 							<header>{t("EVENTS.EVENTS.DETAILS.PUBLICATIONS.CAPTION")}</header>

src/components/events/partials/modals/EventDetails.tsx

@@ -41,9 +41,12 @@ import {
 	fetchEventStatistics,
 	openModalTab,
 	fetchEventDetailsTobira,
+	fetchHasActiveTransactions,
 } from "../../../../slices/eventDetailsSlice";
-import { removeNotificationWizardForm } from "../../../../slices/notificationSlice";
+import { addNotification, removeNotificationByKey, removeNotificationWizardForm } from "../../../../slices/notificationSlice";
 import DetailsTobiraTab from "../ModalTabsAndPages/DetailsTobiraTab";
+import { NOTIFICATION_CONTEXT } from "../../../../configs/modalConfig";
+import { unwrapResult } from "@reduxjs/toolkit";
 
 export enum EventDetailsPage {
 	Metadata,
@@ -84,6 +87,32 @@ const EventDetails = ({
 		dispatch(fetchSchedulingInfo(eventId));
 		dispatch(fetchEventStatistics(eventId));
 		dispatch(fetchAssetUploadOptions());
+
+		dispatch(fetchHasActiveTransactions(eventId)).then((fetchTransactionResult) => {
+			const result = unwrapResult(fetchTransactionResult)
+			if (result.active !== undefined && result.active) {
+				dispatch(
+					addNotification({
+						type: "warning",
+						key: "ACTIVE_TRANSACTION",
+						duration: -1,
+						parameter: undefined,
+						context: NOTIFICATION_CONTEXT,
+						noDuplicates: true
+					})
+				)
+			}
+			if (result.active !== undefined && !result.active) {
+				dispatch(
+					removeNotificationByKey({
+						key: "ACTIVE_TRANSACTION",
+						context: NOTIFICATION_CONTEXT
+					})
+				)
+			}
+		});
+
+
 		dispatch(fetchEventDetailsTobira(eventId));
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, []);

src/components/recordings/Recordings.tsx

@@ -80,7 +80,7 @@ const Recordings = () => {
 
 			<MainView open={displayNavigation}>
 				{/* Include notifications component */}
-				<Notifications />
+				<Notifications context={"other"}/>
 
 				<div className="controls-container">
 					{/* Include filters component */}

src/components/shared/Notifications.tsx

@@ -13,10 +13,16 @@ import {
 import { useAppDispatch, useAppSelector } from "../../store";
 import { OurNotification, setHidden } from "../../slices/notificationSlice";
 
+type Context = "not_corner" | "tobira" | "above_table" | "other"
+
 /**
  * This component renders notifications about occurred errors, warnings and info
  */
-const Notifications : React.FC<{ context?: string }> = ({ context }) => {
+const Notifications = ({
+	context,
+}: {
+	context: Context,
+}) => {
 	const { t } = useTranslation();
 	const dispatch = useAppDispatch();
 

src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx

@@ -106,7 +106,8 @@ const ResourceDetailsAccessPolicyTab = ({
 						key: "ACTIVE_TRANSACTION",
 						duration: -1,
 						parameter: undefined,
-						context: NOTIFICATION_CONTEXT
+						context: NOTIFICATION_CONTEXT,
+						noDuplicates: true,
 					}));
 				}
 			}