AnMi: Replaced KResponsiveWindow mixin by useKResponsiveWindow compos…

…able in Facility plugin
learningequality · Oct 3, 2023 · bbecf85 · bbecf85
1 parent cdd31ba
commit bbecf85
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/kolibri/plugins/facility/assets/src/views/DataPage/index.vue b/kolibri/plugins/facility/assets/src/views/DataPage/index.vue
@@ -188,7 +188,7 @@
   import urls from 'kolibri.urls';
   import { FacilityResource } from 'kolibri.resources';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
-  import KResponsiveWindowMixin from 'kolibri-design-system/lib/KResponsiveWindowMixin';
+  import useKResponsiveWindow from 'kolibri.coreVue.composables.useKResponsiveWindow';
   import validationConstants from 'kolibri-design-system/lib/KDateRange/validationConstants';
   import { currentLanguage } from 'kolibri.utils.i18n';
   import { now } from 'kolibri.utils.serverClock';
@@ -218,7 +218,7 @@
       LearnMoreModal,
       KDateRange,
     },
-    mixins: [commonCoreStrings, KResponsiveWindowMixin],
+    mixins: [commonCoreStrings],
     data() {
       return {
         showLearnMoreSummaryModal: false,
@@ -249,7 +249,8 @@
         return this.$route.name === PageNames.DATA_EXPORT_PAGE;
       },
       windowSizeStyle() {
-        if (this.windowIsMedium || this.windowIsSmall) {
+        const { windowIsMedium, windowIsSmall } = useKResponsiveWindow();
+        if (windowIsMedium || windowIsSmall) {
           return 'section-buttons-flex';
         }
         return {};