feat: Notification menu (#615)

Introduces a notification menu, which hosts notifications fired while the app was not focused.
Notifications can be closed by the user.

1 files changed, 6 insertions, 0 deletions

diff --git a/src-vue/src/utils/ui.ts b/src-vue/src/utils/ui.ts
index b84d7666..4c735a9c 100644
--- a/src-vue/src/utils/ui.ts
+++ b/src-vue/src/utils/ui.ts
@@ -1,8 +1,10 @@
 import { ElNotification, NotificationHandle } from "element-plus";
 import { i18n } from "../main";
+import { store } from "../plugins/store";
 
 /**
  * Displays content to the user in the form of a notification appearing on screen bottom right.
+ * If the app is not focused when this is invoked, a notification is added to the notifications menu.
  **/
 function showNotification(
     title: string,
@@ -10,6 +12,10 @@ function showNotification(
     type: 'success' | 'warning' | 'error' | 'info' = 'success',
     duration: number = 4500
 ): NotificationHandle {
+    if (!document.hasFocus()) {
+        store.commit('addNotification', {title, text: message, type});
+    }
+
     return ElNotification({
         title, message, type, duration,
         position: 'bottom-right',