
馃檪 Looking for an issue? Welcome! This issue is open for contribution. If this is the first time you鈥檙e requesting an issue, please:
- Read Contributing guidelines carefully. Pay extra attention to Using generative AI. Pull requests and comments that don鈥檛 follow the guidelines won鈥檛 be answered.
- Confirm that you鈥檝e read the guidelines in your comment.

Sub-issue of #5060.
Complexity: Low
Summary
Migrate the following buttons / links in Edit channel > Import from other channels from Vuetify to Kolibri Design System.
VBtn and shared/views/ActionLink that is built with Vuetify components are currently used to show them. To remove these Vuetify dependencies , replace the usage of VBtn and ActionLink in this specific location with the most suitable KDS button or link components. Do not modify ActionLink. Ensure that all buttons / links work exactly as before.
How to get there
- Login as
a@a.com with password a
- Go to Channels > Imported channel
- Click Add > Import from channels
- Search for "video"
- Click Sample Video to open the side panel
- Select the card and click Review button
Guidance
Out of Scope
- Do not refactor any other areas of the codebase
- Do not modify
ActionLink
Expected UI/UX changes
- Minor visual differences naturally stemming from the use of KDS
Acceptance criteria
These are general acceptance criteria for the project. For each sub-issue, consider which are relevant.
General
a11y and i18n
See the project's "Guidance" for useful references.
Unit tests
馃檪 Looking for an issue? Welcome! This issue is open for contribution. If this is the first time you鈥檙e requesting an issue, please:
Sub-issue of #5060.
Complexity: Low
Summary
Migrate the following buttons / links in Edit channel > Import from other channels from Vuetify to Kolibri Design System.
VBtnandshared/views/ActionLinkthat is built with Vuetify components are currently used to show them. To remove these Vuetify dependencies , replace the usage ofVBtnandActionLinkin this specific location with the most suitable KDS button or link components. Do not modifyActionLink. Ensure that all buttons / links work exactly as before.How to get there
a@a.comwith passwordaGuidance
Out of Scope
ActionLinkExpected UI/UX changes
Acceptance criteria
These are general acceptance criteria for the project. For each sub-issue, consider which are relevant.
General
::v-deepor/deep/selectors.a11y and i18n
See the project's "Guidance" for useful references.
pnpm run devserversince:hotdoesn't render RTL properly)notranslateclass been added to elements that shouldn't be translated by Google Chrome's automatic translation feature (e.g. user-generated text)Unit tests
@vue/test-utilsapproach. Instead, use@testing-library/vue(Vue Testing Library).