[COMPASS-5747] Update error banners in schema validation to Leafygreen Created: 18/Apr/22  Updated: 30/Aug/22  Resolved: 21/Jul/22

Status: Closed
Project: Compass
Component/s: UI / UX
Affects Version/s: None
Fix Version/s: No version

Type: Task Priority: Major - P3
Reporter: Rhys Howell Assignee: Rhys Howell
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screen Shot 2022-03-22 at 3.20.40 PM.png     PNG File Screen Shot 2022-03-22 at 3.29.11 PM.png    
Epic Link: COMPASS-5484
Story Points: 3
Documentation Changes: Not Needed
Sprint: Iteration Fish

 Description   

This ticket involves updating the toolbar error banners in Compass to LeafyGreen. We should do this after updating the toolbars as it will make this transition easier with the positioning of the errors.

Currently error banners are rendered with the status row component (hadron-react-components): https://github.com/mongodb-js/compass/blob/main/packages/hadron-react-components/src/status-row.jsx
Let's either move it over to compass-components and have it as a wrapper around the banner component or remove the wrapper and use the Banner component directly from these packages. The places consuming this status row from hadron-react-components should be updated to using compass-components. The global status row styles can then be removed: https://github.com/mongodb-js/compass/blob/main/packages/compass/src/app/styles/status-row.less

In some of the views we are currently displaying the error banner inside of the toolbar. Let's move them to be displayed inside of the content. (mocks)

Update (with a leafygreen banner in the status row) to

Let's follows the conventions from: https://docs.google.com/document/d/1ZLz_DJYpwTiS_DiPcQMKoLoz2iNxSsMKRTuXXxHb6ak/edit# when making changes.



 Comments   
Comment by Githook User [ 30/Aug/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: compass-settings
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 27/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: macos-arm-build
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 26/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: compass-sidebar-merge
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 25/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: COMPASS-5678-query-history-as-popover
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 25/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: COMPASS-5672-update-crud-toolbar-to-lg
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 25/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: remove-rc-from-evergreen
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 25/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: remote
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 25/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: 1.32-releases
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 21/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: update-compass-shell-to-shared-config
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Comment by Githook User [ 21/Jul/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-schema-validation): update warnings components to leafygreen COMPASS-5747 (#3249)
Branch: main
https://github.com/mongodb-js/compass/commit/7578eccb4040bf8554580ef23453fb17e619dec5

Generated at Wed Feb 07 22:40:40 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.