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

Author: Adrien

apps/catalog-ui/docs/i18n.md

@@ -436,9 +436,12 @@ 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

@@ -295,10 +295,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}),
+        });
+      },
     },
   });
 }
@@ -332,7 +337,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({
@@ -344,7 +349,14 @@ function openOverrideFavoriteDialog(): void {
               filters.value
             ).toString(),
           })
-        ),
+        );
+        Notify({
+          type: 'positive',
+          message: t('OverrideFavoriteNotifyMessage', {
+            name: formData.favorite.label,
+          }),
+        });
+      },
       afterClose: () => {
         isSmartFilterMenuPersistent.value = false;
       },
@@ -391,7 +403,7 @@ function openCreateFavoriteDialog(): void {
         if (favorites.value.some((fav) => fav.label === trimmedFavoriteName)) {
           Notify({
             type: 'negative',
-            message: t('CreateFavoriteDialog.duplicateName', {
+            message: t('CreateFavoriteMessage.duplicateName', {
               name: trimmedFavoriteName,
             }),
           });
@@ -411,6 +423,10 @@ function openCreateFavoriteDialog(): void {
             ).toString(),
           })
         );
+        Notify({
+          type: 'positive',
+          message: t('CreateFavoriteNotifyMessage', { name: trimmedFavoriteName }),
+        });
       },
     },
   });