Description
Create ZCode custom component following the same patterns as other default/* components created for the DefaultView
Desired behavior/Acceptance criteria
- Objects of type Z16/Code should be rendered by default with this component in both edit and view mode
- Must be able to view code using ace.js
- Must be able to edit code using ace.js
- Editing the language selector should effectively change the value of the Z16K1 key
- Editing the code editor should effectively change the value of the Z16K2 key
- Styles according to the attached designs* - couldn't find the designs for this
NOTE: There are no explicit designs for ZCode in the DefaultView figma file, but we should be able to easily reinterpret the functionality of the old ZCode component for the DefaultView
Devices and Design (URLs or screenshots)
Completion checklist
- Before closing this task, review one by one the checklist available here: https://www.mediawiki.org/wiki/Abstract_Wikipedia_team/Definition_of_Done#Front-end_Task/Bug_Completion_Checklist