Avoid more information link on every notification

Author: bidoubiwa

admin/src/components/Collections.js

@@ -61,7 +61,7 @@ const Collections = ({ updateCredentials }) => {
     if (update.error) {
       errorNotifications(update)
     } else {
-      successNotification({ message: `${collection} is created!`, duration: 4000, link: '#' })
+      successNotification({ message: `${collection} is created!`, duration: 4000 })
       setCollectionsList(prev => prev.map(col => {
         if (col.name === collection) col.status = 'enqueued'
         return col
@@ -95,7 +95,7 @@ const Collections = ({ updateCredentials }) => {
       method: 'DELETE'
     })
     if (res.error) errorNotifications(res)
-    else successNotification({ message: `${collection} collection is removed from MeiliSearch!`, link: '#', duration: 4000 })
+    else successNotification({ message: `${collection} collection is removed from MeiliSearch!`, duration: 4000 })
   }
 
   const addOrRemoveCollection = async (row) => {

admin/src/utils/notifications.js

@@ -1,18 +1,18 @@
-export function errorNotifications ({ message, link, duration = 4000 }) {
+export function errorNotifications ({ message, link }) {
   strapi.notification.toggle({
     title: 'Operation on MeiliSearch failed',
     type: 'warning',
     message: message,
-    ...(link ? { link: { url: link, label: 'more information' } } : {}),
-    timeout: duration
+    ...(link && { link: { url: link, label: 'learn more' } }),
+    blockTransition: true // The user has to close the error notification manually
   })
 }
 
 export function successNotification ({ message, duration = 4000, link }) {
   strapi.notification.toggle({
     type: 'success',
     message: message,
-    ...(link ? { link: { url: link, label: 'more information' } } : {}),
+    ...(link && { link: { url: link, label: 'learn more' } }),
     timeout: duration
   })
 }