The Error snackbar from Account settings is not closeable

[Andrei199991]

This is:

• Bug

Specifications

• OS: Windows 10
• Browser: Chrome

Expected Behavior

When clicking the Close button, the Snackbar element should vanish. Also, the Close message is currently black on a dark gray background (see the screenshot below), which makes it nearly invisible and is thus very difficult to use: its text color should be more user friendly. 🙂

Actual Behavior

Clicking on the Close button does nothing.

Steps to Reproduce the Problem

1. Run the admin app (this may be the examples/apps/admin app) and navigate to the Account's settings which you may also find at URL route /admin/account.
2. Edit packages/app-security/src/admin/views/Account.tsx's onSubmit handler by making an error appear. Your code should transform from:
   const { error } = response.security.updateCurrentUser;
   into, for example:
   const { error } = { message: "This is an arbitrary error" }
3. Click on Update Account. You should see the snackbar show up exactly like in the screenshot below.

Additional info

You may see a list of Tokens in my screenshot. That's a new feature which I am currently working on - don't worry if you don't see it in the app yet. 🍻

[afzalsayed96]

Not only in case of error but also for success. Shouldn't both scenarios have a close button?

[Pavel910]

@afzalsayed96 success messages disappear automatically, but error messages don't , thus the close button.

[afzalsayed96]

Hey @Pavel910 - I'm able to see that the error message disappears on it's own as well, following your steps to reproduce. Has something changed recently?

[Pavel910]

I don't think so, this needs some debugging and styling. That Close button should be visible, there's definitely something wrong going on.