feat(catalog-ui): add notifications for favorite filter actions

Author: Adrien

apps/catalog-ui/docs/i18n.md

@@ -436,6 +436,9 @@ The `FormDialog` component uses the following keys for internationalization:
         "confirmLoading": "Creating..."
       }
     },
+    "RemoveFavoriteNotifyMessage": "The favorite '{name}' has been removed.",
+    "CreateFavoriteNotifyMessage": "The favorite '{name}' has been created.",
+    "OverrideFavoriteNotifyMessage": "The favorite '{name}' has been overwritten.",
     "LinidSmartFilter": {
       //(...) see next section
     }
@@ -831,6 +834,9 @@ export default {
         confirmLoading: 'Creating...',
       },
     },
+    RemoveFavoriteNotifyMessage: "The favorite '{name}' has been removed.",
+    CreateFavoriteNotifyMessage: "The favorite '{name}' has been created.",
+    OverrideFavoriteNotifyMessage: "The favorite '{name}' has been overwritten.",
     LinidSmartFilter: {
       label: 'Search',
       hint: 'Enter your search criteria',

apps/catalog-ui/docs/pages/GenericTablePage.md

@@ -199,6 +199,9 @@ Each active filter is serialized to a query param using `filter.toString()`, key
   - `OverrideFavoriteDialog.content` — body of the override-favorite form dialog
   - `CreateFavoriteDialog.title` — title of the create-favorite form dialog
   - `CreateFavoriteDialog.content` — body of the create-favorite form dialog
+  - `RemoveFavoriteNotifyMessage` — notification message displayed when a favorite filter set is successfully deleted
+  - `CreateFavoriteNotifyMessage` — notification message displayed when a new favorite filter set is successfully created
+  - `OverrideFavoriteNotifyMessage` — notification message displayed when an existing favorite filter set is successfully updated with new filters
 
 ---
 

apps/catalog-ui/src/pages/GenericTablePage.vue

@@ -298,10 +298,15 @@ function openDeleteFavoriteDialog(favorite: LinidFilterSet): void {
       }),
       uiNamespace: `${uiNamespace.value}.delete-favorite-dialog`,
       i18nScope: `${i18nScope.value}.DeleteFavoriteDialog`,
-      onConfirm: () =>
+      onConfirm: () => {
         deleteUserPreference(
           `${favoritesBaseConfigurationKey.value}${favorite.id}`
-        ),
+        );
+        Notify({
+          type: 'positive',
+          message: t('RemoveFavoriteNotifyMessage', { name: favorite.label }),
+        });
+      },
     },
   });
 }
@@ -335,7 +340,7 @@ function openOverrideFavoriteDialog(): void {
         },
       ],
       // eslint-disable-next-line jsdoc/require-jsdoc
-      onSubmit: (formData: { favorite: LinidFilterSet }) =>
+      onSubmit: (formData: { favorite: LinidFilterSet }) => {
         saveUserPreference(
           `${favoritesBaseConfigurationKey.value}${formData.favorite.id}`,
           JSON.stringify({
@@ -347,7 +352,14 @@ function openOverrideFavoriteDialog(): void {
               filters.value
             ).toString(),
           })
-        ),
+        );
+        Notify({
+          type: 'positive',
+          message: t('OverrideFavoriteNotifyMessage', {
+            name: formData.favorite.label,
+          }),
+        });
+      },
       afterClose: () => {
         isSmartFilterMenuPersistent.value = false;
       },
@@ -414,6 +426,12 @@ function openCreateFavoriteDialog(): void {
             ).toString(),
           })
         );
+        Notify({
+          type: 'positive',
+          message: t('CreateFavoriteNotifyMessage', {
+            name: trimmedFavoriteName,
+          }),
+        });
       },
     },
   });