This includes updating imports for properties like elementWidth and elementHeight, and ensuring all affected components are manually tested to confirm they work correctly with the new composable.
Acceptance criteria
[ ] useKResponsiveElement composable is used instead of KResponsiveElementMixin in all Kolibri codebase.
[ ] All occurences of properties provided by KResponsiveElementMixin (elementWidth, elementHeight) are imported from useKResponsiveElement composable in the component where KResponsiveElementMixin mixin is being removed.
[ ] All components where KResponsiveElementMixin is replaced are manually tested and still work as expected with useKResponsiveElement composable.
[ ] There is a list of affected pages the a pull request description (e.g. their URLs).
This issue is blocked by https://github.com/learningequality/kolibri-design-system/issues/711.
Summary
This issue involves replacing all occurrences of KResponsiveElementMixin with the new useKResponsiveElement composable throughout the Kolibri codebase.
This includes updating imports for properties like
elementWidthandelementHeight, and ensuring all affected components are manually tested to confirm they work correctly with the new composable.Acceptance criteria
useKResponsiveElementcomposable is used instead ofKResponsiveElementMixinin all Kolibri codebase.KResponsiveElementMixin(elementWidth,elementHeight) are imported fromuseKResponsiveElementcomposable in the component whereKResponsiveElementMixinmixin is being removed.useKResponsiveElementcomposable.