Is there an existing issue for this?
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:
- Start the frontend only (Do not start backend)
- This will cause the app to go on a "Loading images" state for a while
- "Error, Failed to load images. Please try again later." dialog shows up
- Click "Close"
- 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
Checklist before Submitting
Is there an existing issue for this?
What happened?
When an
InfoDialogis displayed with theerrorvariant (red) and then closed, there's a brief flicker where the dialog momentarily changes to theinfovariant (blue) before disappearing. This creates a displeasing visual experience for the user.Steps to Reproduce:
Expected behavior:
The
InfoDialogshould maintain itserrorvariant (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.tsRecord
Checklist before Submitting