[COMPASS-6219] Update `export-to-language` components to LeafyGreen components Created: 20/Oct/22  Updated: 01/Dec/22  Resolved: 14/Nov/22

Status: Closed
Project: Compass
Component/s: Export to Language, UI / UX
Affects Version/s: None
Fix Version/s: 1.35.0

Type: Task Priority: Major - P3
Reporter: Rhys Howell Assignee: Le Roux Bodenstein
Resolution: Done Votes: 0
Labels: milestone-4
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Depends
depends on COMPASS-6207 Update export-to-language to the mono... Closed
Related
related to COMPASS-6133 Remove usage of Modal component from ... Closed
is related to COMPASS-5056 Update Compass modals with LeafyGreen... Closed
Epic Link: COMPASS-5388
Story Points: 5
Documentation Changes: Not Needed
Sprint: Iteration Narwhal, Iteration Octopus

 Description   

Figma: https://www.figma.com/file/4hffPvTqcJnUqFZxpBKKIy/Compass-Code-Editors?node-id=166%3A10396

  • The modal is updated to use leafygreen modal.
  • This also updates the modal button actions.
  • The two checkboxes under the code panels are updated, as well as their labels.
  • The two code components are updated to use LeafyGreen’s Code component. We use the language selected from this Code component to change the language. This lets us remove the currently bootstrap dropdown select. We also get the copy button here.
  • The Alert from react-bootstrap is replaced with a Banner from LeafyGreen.


 Comments   
Comment by Githook User [ 01/Dec/22 ]

Author:

{'name': 'Le Roux Bodenstein', 'email': 'lerouxb@gmail.com', 'username': 'lerouxb'}

Message: feat(export-to-language): replace export-to-language with leafygreen components COMPASS-6219 (#3688)

  • replace export-to-language with leafygreen components
  • fixup
  • tweaks for language switcher in code
  • FormFieldContainer
  • feedback, refactor
  • fix existing tests
  • transpiler tests
  • unit tests for language functions, refactor
  • fixup tests after merge
  • bring back tracking
  • deps
  • e2e tests
  • fix the getImports() malarkey
  • rm TODO
  • remove console.log
  • more logs
  • rm TODO
  • css suggestion
Comment by Githook User [ 18/Nov/22 ]

Author:

{'name': 'Le Roux Bodenstein', 'email': 'lerouxb@gmail.com', 'username': 'lerouxb'}

Message: feat(export-to-language): replace export-to-language with leafygreen components COMPASS-6219 (#3688)

  • replace export-to-language with leafygreen components
  • fixup
  • tweaks for language switcher in code
  • FormFieldContainer
  • feedback, refactor
  • fix existing tests
  • transpiler tests
  • unit tests for language functions, refactor
  • fixup tests after merge
  • bring back tracking
  • deps
  • e2e tests
  • fix the getImports() malarkey
  • rm TODO
  • remove console.log
  • more logs
  • rm TODO
  • css suggestion
Comment by Githook User [ 11/Nov/22 ]

Author:

{'name': 'Le Roux Bodenstein', 'email': 'lerouxb@gmail.com', 'username': 'lerouxb'}

Message: feat(export-to-language): replace export-to-language with leafygreen components COMPASS-6219 (#3688)

  • replace export-to-language with leafygreen components
  • fixup
  • tweaks for language switcher in code
  • FormFieldContainer
  • feedback, refactor
  • fix existing tests
  • transpiler tests
  • unit tests for language functions, refactor
  • fixup tests after merge
  • bring back tracking
  • deps
  • e2e tests
  • fix the getImports() malarkey
  • rm TODO
  • remove console.log
  • more logs
  • rm TODO
  • css suggestion
Comment by Githook User [ 09/Nov/22 ]

Author:

{'name': 'Le Roux Bodenstein', 'email': 'lerouxb@gmail.com', 'username': 'lerouxb'}

Message: feat(export-to-language): replace export-to-language with leafygreen components COMPASS-6219 (#3688)

  • replace export-to-language with leafygreen components
  • fixup
  • tweaks for language switcher in code
  • FormFieldContainer
  • feedback, refactor
  • fix existing tests
  • transpiler tests
  • unit tests for language functions, refactor
  • fixup tests after merge
  • bring back tracking
  • deps
  • e2e tests
  • fix the getImports() malarkey
  • rm TODO
  • remove console.log
  • more logs
  • rm TODO
  • css suggestion
Comment by Githook User [ 09/Nov/22 ]

Author:

{'name': 'Le Roux Bodenstein', 'email': 'lerouxb@gmail.com', 'username': 'lerouxb'}

Message: feat(export-to-language): replace export-to-language with leafygreen components COMPASS-6219 (#3688)

  • replace export-to-language with leafygreen components
  • fixup
  • tweaks for language switcher in code
  • FormFieldContainer
  • feedback, refactor
  • fix existing tests
  • transpiler tests
  • unit tests for language functions, refactor
  • fixup tests after merge
  • bring back tracking
  • deps
  • e2e tests
  • fix the getImports() malarkey
  • rm TODO
  • remove console.log
  • more logs
  • rm TODO
  • css suggestion
Comment by Githook User [ 08/Nov/22 ]

Author:

{'name': 'Le Roux Bodenstein', 'email': 'lerouxb@gmail.com', 'username': 'lerouxb'}

Message: feat(export-to-language): replace export-to-language with leafygreen components COMPASS-6219 (#3688)

  • replace export-to-language with leafygreen components
  • fixup
  • tweaks for language switcher in code
  • FormFieldContainer
  • feedback, refactor
  • fix existing tests
  • transpiler tests
  • unit tests for language functions, refactor
  • fixup tests after merge
  • bring back tracking
  • deps
  • e2e tests
  • fix the getImports() malarkey
  • rm TODO
  • remove console.log
  • more logs
  • rm TODO
  • css suggestion
Generated at Wed Feb 07 22:42:20 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.