Changed KResponsiveWindow to useKResponsivewindow in Slidehow Viewer …

…Plugin
learningequality · Nov 15, 2023 · e5fe1d9 · e5fe1d9
1 parent 05b93f4
commit e5fe1d9
Show file tree

Hide file tree

Showing 2 changed files with 13 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,17 @@
       HooperPagination,
       HooperNavigation,
     },
-    mixins: [responsiveElementMixin, responsiveWindowMixin],
+    setup() {
+    const {
+      windowIsLarge,
+      windowIsSmall
+    } = useKResponsiveWindow();
+    return {
+      windowIsLarge,
+      windowIsSmall
+    }
+    },
+    mixins: [responsiveElementMixin],
     data: () => ({
       isInFullscreen: false,
       slides: [],