[BUG] Auto dismiss/close alert/notification is not working

[redhatinsights]

[BUG] Auto dismiss/close alert/notification is not working

[ajaypratap003]

@redallen Can you please have a look into this issue.

[redallen]

Looks like a redux problem somewhere around here: https://github.com/RedHatInsights/frontend-components/blob/master/packages/notifications/src/NotificationPortal/NotificationPortal.js#L10

I don't know redux well nor a workflow to quickly test Notifications changes. This is better suited for @rvsia or @Hyperkid123 .

[Hyperkid123]

I will check it out tomorrow.

[rvsia]

@Hyperkid123 Have you checked it yet? If not, I can take a look tomorrow.

[Hyperkid123]

@Hyperkid123 Have you checked it yet? If not, I can take a look tomorrow.

No sorry, I haven't had the time 🙁 If you have time to spare please take it over.

[rvsia]

@ajaypratap003

dismissable in this context mean that users have to close it manually. Set dismissable to false and it will close automatically.

If you want to have an alert that is automatically closed and users can close it manually at that same time, use config like this:

        dismissable: true,
        title: 'title',
        variant: 'danger',
        autoDismiss: true,

Please see this documentation.

If you have more issues, please feel free to reopen.

[ajaypratap003]

@ajaypratap003

dismissable in this context mean that users have to close it manually. Set dismissable to false and it will close automatically.

If you want to have an alert that is automatically closed and users can close it manually at that same time, use config like this:

        dismissable: true,
        title: 'title',
        variant: 'danger',
        autoDismiss: true,

Please see this documentation.

If you have more issues, please feel free to reopen.

@rvsia Thanks for the clarification.
We want to have an alert that is automatically closed and users can close it manually at the same time. We are already using the same config as you mentioned but It's not working.
Automatically closed works if we pass dismissable as false.

 dispatch(
      addNotification({
        title,
        variant,
        description,
        dataTestId,
        autoDismiss:  true,
        dismissable:  true,
        dismissDelay:  8000,
        requestId,
        sentryId,
      })
    );

Please let me know if something I'm doing wrong.

[rvsia]

@ajaypratap003 I tested it now in Sources-UI and it works well for me.

See here:

(8s dismiss + close button)

code:

    dispatch(
      addMessage({
        title: 'title',
        variant: 'danger',
        description: 'description',
        dataTestId: 'test-id',
        autoDismiss: true,
        dismissable: true,
        dismissDelay: 8000,
        requestId: '1232232',
        sentryId: '22323',
      })
    );

version:

    "@redhat-cloud-services/frontend-components-notifications": "3.2.2",

[ajaypratap003]

@ajaypratap003 I tested it now in Sources-UI and it works well for me.

See here:

(8s dismiss + close button)

code:

    dispatch(
      addMessage({
        title: 'title',
        variant: 'danger',
        description: 'description',
        dataTestId: 'test-id',
        autoDismiss: true,
        dismissable: true,
        dismissDelay: 8000,
        requestId: '1232232',
        sentryId: '22323',
      })
    );

version:

    "@redhat-cloud-services/frontend-components-notifications": "3.2.2",

@rvsia Thank you so much for providing details. I think we have older version that's why it's not working oin our code. I'll update latest version.