Introduction of the snippet_header Vue component
What does this MR do?
MR 3/6 in the plan for #34820 (closed). Hence master
should happen) as the development happens behind the feature flag
The MR refactors snippet view's header component into Vue with support for GraphQL and Apollo.
Additionally (beyond the scope of original Issue), a proper modal for when deleting a snippet has been introduced instead of a plain alert.
Screenshots
The component
Before | After |
---|---|
- the snippet's title and description are not part of this MR and will be implemented in a separate component.
- the icon, showing snippet's visibility is different as it relies on
GlIcon
instead of Font Awesome now.
The Delete action
Before | After |
---|---|
Does this MR meet the acceptance criteria?
Conformity
- [-] Changelog entry
- [-] Documentation (if required)
-
Code review guidelines -
Merge request performance guidelines -
Style guides - [-] Database guides
- [-] Separation of EE specific content
Availability and Testing
- Enable the
snippets_vue
feature flag in Rails console (rails c
):
Feature.enable(:snippets_vue)
- Navigate to any snippet. Only the header (the component in question for this MR) will be rendered. The component will be implemented in Vue rather than in HAML
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers
Relates to #34820 (closed)
Edited by 🤖 GitLab Bot 🤖