Skip to content

BUG: InfoDialog Flickers to blue variant when closing error dialog. #623

@rohan-pandeyy

Description

@rohan-pandeyy

Is there an existing issue for this?

  • I have searched the existing issues

What happened?

When an InfoDialog is displayed with the error variant (red) and then closed, there's a brief flicker where the dialog momentarily changes to the info variant (blue) before disappearing. This creates a displeasing visual experience for the user.

Steps to Reproduce:

  1. Start the frontend only (Do not start backend)
  2. This will cause the app to go on a "Loading images" state for a while
  3. "Error, Failed to load images. Please try again later." dialog shows up
  4. Click "Close"
  5. See issue

Expected behavior:

The InfoDialog should maintain its error variant (red background) throughout its entire closing animation until it is completely gone. It shouldn't change to any other variant throughout this moment.

Relevant File: frontend/src/features/infoDialogSlice.ts

Record

  • I agree to follow this project's Code of Conduct

Checklist before Submitting

  • Have you updated docs for it?
  • Have you added unit tests?
  • Have you made sure unit tests pass?
  • Have you made sure code formatting is correct?
  • Do Your changes passes all tests?

Metadata

Metadata

Labels

UIbugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions