Skip to content

Migrate _flash.html.haml to use a Pajamas compliant alert

What does this MR do and why?

Related to #365061

_flash.html.haml was using a custom version of an alert that was not compliant with the Pajamas design system. This MR updates the alert to use Pajamas::AlertComponent which is Pajamas compliant.

Previously _flash.html.haml checked the flash type and only showed the close button if it was alert, notice, or success. I am not really sure why this is the case. This MR changes it so that if the flash type is not supported we default to an info alert with a close button.

Screenshots or screen recordings

Before After FF Enabled After FF Disabled
Screen_Shot_2022-06-30_at_1.28.10_PM Screen_Shot_2022-06-30_at_1.27.30_PM Screen_Shot_2022-07-28_at_4.46.22_PM

How to set up and validate locally

  1. Navigate to /-/profile
  2. Change your email and submit the form
  3. Enter an invalid password

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Peter Hegman

Merge request reports