frontend: ActionsNotifier: Adjust keys for snackbars

This change adds a unique refKey for error states, separate from success
states, and creates a unique key for every snackbar. This addresses a
regression where failure notifications would not appear in the UI.

Fixes: #2655

Signed-off-by: Evangelos Skopelitis <[email protected]>

change

frontend/src/components/common/ActionsNotifier.tsx

@@ -51,16 +51,20 @@ function PureActionsNotifier({ dispatch, clusterActions }: PureActionsNotifierPr
     }
 
     const prevKey = snackbarRefs.current[clusterAction.id];
-    const uniqueKey = clusterAction.key || clusterAction.id;
+    const uniqueKey = `${clusterAction.key || clusterAction.id}-${Date.now()}`;
 
     if (prevKey && prevKey !== uniqueKey) {
       closeSnackbar(prevKey);
     }
 
     if (clusterAction.message) {
-      // Check for completed actions
+      // Check for success or error states
       const refKey =
-        clusterAction.state === 'complete' ? `${clusterAction.id}-complete` : clusterAction.id;
+        clusterAction.state === 'complete'
+          ? `${clusterAction.id}-complete`
+          : clusterAction.state === 'error'
+          ? `${clusterAction.id}-error`
+          : clusterAction.id;
 
       if (!snackbarRefs.current[refKey]) {
         snackbarRefs.current[refKey] = uniqueKey;