Merge pull request #11534 from moweiss/release-v0.16.x

Changed KResponsiveWindow to useKResponsivewindow in Slidehow Viewer …
learningequality · Dec 15, 2023 · 3bdc090 · 3bdc090
2 parents b60beed + 28b14b3
commit 3bdc090
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/AUTHORS.md b/AUTHORS.md
@@ -99,3 +99,4 @@ If you have contributed to Kolibri, feel free to add your name and Github accoun
 | Vikramaditya Singh | Ghat0tkach |
 | Kris Katkus | katkuskris |
 | Garvit Singhal | GarvitSinghal47 |
+| Mazen Oweiss | moweiss |
diff --git a/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue b/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue
@@ -81,7 +81,7 @@
   import client from 'kolibri.client';
 
   import responsiveElementMixin from 'kolibri.coreVue.mixins.responsiveElementMixin';
-  import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin';
+  import useKResponsiveWindow from 'kolibri-design-system/lib/useKResponsiveWindow';
 
   import UiIconButton from 'kolibri-design-system/lib/keen/UiIconButton';
   import CoreFullscreen from 'kolibri.coreVue.components.CoreFullscreen';
@@ -102,7 +102,14 @@
       HooperPagination,
       HooperNavigation,
     },
-    mixins: [responsiveElementMixin, responsiveWindowMixin],
+    mixins: [responsiveElementMixin],
+    setup() {
+      const { windowIsLarge, windowIsSmall } = useKResponsiveWindow();
+      return {
+        windowIsLarge,
+        windowIsSmall,
+      };
+    },
     data: () => ({
       isInFullscreen: false,
       slides: [],