fix IndexSection tests by adding error notifications to default toast container

Author: pd-redis

redisinsight/ui/src/components/notifications/Notifications.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { RiToaster } from 'uiSrc/components/base/display/toast'
 import { useErrorNotifications, useMessageNotifications } from './hooks'
 import { InfiniteNotifications } from './components/infinite-messages/InfiniteNotifications'
+import { defaultContainerId } from './constants'
 
 const Notifications = () => {
   useErrorNotifications()
@@ -10,7 +11,7 @@ const Notifications = () => {
   return (
     <>
       <InfiniteNotifications />
-      <RiToaster containerId={'default'} />
+      <RiToaster containerId={defaultContainerId} />
     </>
   )
 }

redisinsight/ui/src/components/notifications/components/infinite-messages/InfiniteMessages.tsx

@@ -277,6 +277,3 @@ export const INFINITE_MESSAGES: InfiniteMessagesType = {
     // }
   }),
 }
-
-export const IMContainerId = 'InfiniteMessages'
-export const ONE_HOUR = 3_600_000

redisinsight/ui/src/components/notifications/components/infinite-messages/InfiniteNotifications.tsx

@@ -2,8 +2,8 @@ import React, { useEffect, useRef } from 'react'
 
 import { useInfiniteNotifications } from 'uiSrc/components/notifications/hooks'
 import { riToast, RiToaster } from 'uiSrc/components/base/display/toast'
-import { IMContainerId, ONE_HOUR } from './InfiniteMessages'
 import { InfiniteMessage } from 'uiSrc/slices/interfaces'
+import { IMContainerId, ONE_HOUR } from '../../constants'
 
 const DISMISS_DELAY = 3000 // 3 seconds interval
 

redisinsight/ui/src/components/notifications/constants.ts

@@ -0,0 +1,4 @@
+export const defaultContainerId = 'default'
+
+export const IMContainerId = 'InfiniteMessages'
+export const ONE_HOUR = 3_600_000

redisinsight/ui/src/components/notifications/error-messages.tsx

@@ -6,6 +6,7 @@ import { InfoIcon, ToastDangerIcon } from 'uiSrc/components/base/icons'
 import RdiDeployErrorContent from './components/rdi-deploy-error-content'
 import { EncryptionErrorContent, DefaultErrorContent } from './components'
 import CloudCapiUnAuthorizedErrorContent from './components/cloud-capi-unauthorized'
+import { defaultContainerId } from './constants'
 
 // TODO: use i18n file for texts
 export default {
@@ -29,7 +30,11 @@ export default {
           },
         },
       },
-      { variant: riToast.Variant.Danger, toastId },
+      {
+        variant: riToast.Variant.Danger,
+        toastId,
+        containerId: defaultContainerId,
+      },
     ),
   ENCRYPTION: (onClose = () => {}, instanceId = '', toastId?: string) =>
     riToast(
@@ -42,7 +47,11 @@ export default {
         ),
         showCloseButton: false,
       },
-      { variant: riToast.Variant.Danger, toastId },
+      {
+        variant: riToast.Variant.Danger,
+        toastId,
+        containerId: defaultContainerId,
+      },
     ),
   CLOUD_CAPI_KEY_UNAUTHORIZED: (
     {
@@ -70,7 +79,11 @@ export default {
           />
         ),
       },
-      { variant: riToast.Variant.Danger, toastId },
+      {
+        variant: riToast.Variant.Danger,
+        toastId,
+        containerId: defaultContainerId,
+      },
     ),
   RDI_DEPLOY_PIPELINE: (
     { title, message }: { title?: string; message: string },
@@ -87,6 +100,10 @@ export default {
           <RdiDeployErrorContent message={message} onClose={onClose} />
         ),
       },
-      { variant: riToast.Variant.Danger, toastId },
+      {
+        variant: riToast.Variant.Danger,
+        toastId,
+        containerId: defaultContainerId,
+      },
     ),
 }

redisinsight/ui/src/components/notifications/hooks/useMessageNotifications.tsx

@@ -5,6 +5,7 @@ import { messagesSelector, removeMessage } from 'uiSrc/slices/app/notifications'
 import { IMessage } from 'uiSrc/slices/interfaces'
 import { setReleaseNotesViewed } from 'uiSrc/slices/app/info'
 import { ColorText } from 'uiSrc/components/base/text'
+import { defaultContainerId } from '../constants'
 
 export const useMessageNotifications = () => {
   const messagesData = useSelector(messagesSelector)
@@ -61,7 +62,11 @@ export const useMessageNotifications = () => {
             },
             showCloseButton,
           },
-          { variant: riToast.Variant.Success, toastId: id },
+          {
+            variant: riToast.Variant.Success,
+            toastId: id,
+            containerId: defaultContainerId,
+          },
         )
         toastIdsRef.current.set(id, toastId)
       },