[COMPASS-5675] Update Explain Plan toolbar to Leafy Green, implement new designs Created: 04/Apr/22  Updated: 11/Jul/22  Resolved: 27/Jun/22

Status: Closed
Project: Compass
Component/s: None
Affects Version/s: None
Fix Version/s: 1.32.3

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

Issue Links:
Depends
depends on COMPASS-5589 Create a toolbar component in compass... Closed
depends on COMPASS-5670 Add `COMPASS_SHOW_NEW_TOOLBARS` featu... Closed
Epic Link: COMPASS-5484
Story Points: 3
Documentation Changes: Not Needed
Sprint: Iteration Cuttlefish, Iteration Dolphin, Iteration Eel

 Description   

Let's update the explain plan toolbar component to use Leafy Green components and implement the new designs (mocks linked below). Ensure the current toolbar functions as normal and the new toolbar is hidden behind the `COMPASS_SHOW_NEW_TOOLBARS` feature flag.

Explain plan package: https://github.com/mongodb-js/compass/tree/main/packages/compass-explain-plan

Mocks: https://www.figma.com/file/vbjoD4dcisPYRYJ5RRu72k/Compass-LG?node-id=834%3A30670

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



 Comments   
Comment by Githook User [ 11/Jul/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: 1.32-releases
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 06/Jul/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: update-query-history-to-shared-config
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 06/Jul/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: update-compass-crud-to-shared-config
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 30/Jun/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: compass-sidebar-merge
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 30/Jun/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: compass-settings
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 29/Jun/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: COMPASS-5673-query-bar
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 26/Jun/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: COMPASS-5674-update-schema-toolbar
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 26/Jun/22 ]

Author:

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

Message: feat(compass-explain-plan): update explain toolbar components COMPASS-5675 (#3156)
Branch: main
https://github.com/mongodb-js/compass/commit/1c11f0b926f6edfcf096f9912eaac11182ec1abf

Comment by Githook User [ 16/Jun/22 ]

Author:

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

Message: Merge branch 'main' into COMPASS-5675-update-explain-toolbar
Branch: COMPASS-5675-update-explain-toolbar
https://github.com/mongodb-js/compass/commit/96ce30c0f8dd3450373b1227feff88d06d487c11

Comment by Githook User [ 08/Jun/22 ]

Author:

{'name': 'Anemy', 'email': 'rhysh@live.com', 'username': 'Anemy'}

Message: Merge branch 'main' into COMPASS-5675-update-explain-toolbar
Branch: COMPASS-5675-update-explain-toolbar
https://github.com/mongodb-js/compass/commit/eca9fe89121eb54b3a775f44910cce0c2c71f8c8

Comment by Githook User [ 02/Jun/22 ]

Author:

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

Message: Merge branch 'main' into COMPASS-5675-update-explain-toolbar
Branch: COMPASS-5675-update-explain-toolbar
https://github.com/mongodb-js/compass/commit/0d44d22cf97d19c609a6edf748c5a47ab2832f88

Comment by Githook User [ 01/Jun/22 ]

Author:

{'name': 'Anemy', 'email': 'rhysh@live.com', 'username': 'Anemy'}

Message: Merge branch 'main' into COMPASS-5675-update-explain-toolbar
Branch: COMPASS-5675-update-explain-toolbar
https://github.com/mongodb-js/compass/commit/d078dfef812595f554aadfb01b865af01dce2cb0

Comment by Githook User [ 20/May/22 ]

Author:

{'name': 'Anemy', 'email': 'rhysh@live.com', 'username': 'Anemy'}

Message: Merge branch 'main' into COMPASS-5675-update-explain-toolbar
Branch: COMPASS-5675-update-explain-toolbar
https://github.com/mongodb-js/compass/commit/e603406e005421af773f8e41a494b19ce0ae5591

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