Geo Replicables - Fix failed sync color
What does this MR do and why?
Closes #369902 (closed) Related to #361612 (closed)
This change fixes the bug of using the wrong color when displaying Failed sync replicables.
Important Context
There are 3 different views that are responsible for rendering the Geo Replicables. If you are curious, here is a link to the breakdown of technical approaches and reasoning: &8212 (closed)
What you need to know for this MR is we are only updating the views rendered in Vue. That will be every tab except Projects.
soon Projects will be conformed to "the rest of the tabs"
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- Fetch and checkout this branch on both GDKs.
- Setup Geo and access your Secondary GDK (How to setup Geo).
- Navigate to the Geo Replicables UI (ex.
http://127.0.0.1:3001/admin/geo/replication/projects) - Navigate to a different tab that has failed replicables
- Ensure the color is changed correctly
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #369902 (closed)