Refactors GlobalSnackbar and AppError components into kolibri-common …

…package

kolibri/core/assets/src/core-app/apiSpec.js

@@ -81,7 +81,6 @@ import UserTable from '../views/UserTable';
 import CoachContentLabel from '../views/CoachContentLabel';
 import PrivacyInfoModal from '../views/PrivacyInfoModal';
 import UserTypeDisplay from '../views/UserTypeDisplay';
-import TechnicalTextBlock from '../views/AppError/TechnicalTextBlock';
 import Draggable from '../views/sortable/Draggable';
 import DragHandle from '../views/sortable/DragHandle';
 import DragContainer from '../views/sortable/DragContainer';
@@ -194,7 +193,6 @@ export default {
       UiToolbar,
       PrivacyInfoModal,
       UserTypeDisplay,
-      TechnicalTextBlock,
       Draggable,
       DragHandle,
       DragContainer,

kolibri/core/assets/src/views/CoreBase/index.vue

@@ -138,9 +138,9 @@
   import { currentLanguage, defaultLanguage } from 'kolibri.utils.i18n';
   import coreBannerContent from 'kolibri.utils.coreBannerContent';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
+  import AppError from 'kolibri-common/components/AppError';
+  import GlobalSnackbar from 'kolibri-common/components/GlobalSnackbar';
   import navComponentsMixin from '../../mixins/nav-components';
-  import AppError from '../AppError';
-  import GlobalSnackbar from '../GlobalSnackbar';
   import ImmersiveToolbar from '../ImmersiveToolbar';
   import UpdateNotification from '../UpdateNotification';
   import LanguageSwitcherModal from '../language-switcher/LanguageSwitcherModal';

kolibri/core/assets/src/views/NotificationsRoot.vue

@@ -44,9 +44,9 @@
   import { currentLanguage, defaultLanguage } from 'kolibri.utils.i18n';
   import AuthMessage from 'kolibri.coreVue.components.AuthMessage';
   import AppBarPage from 'kolibri.coreVue.components.AppBarPage';
-  import GlobalSnackbar from './GlobalSnackbar.vue';
+  import AppError from 'kolibri-common/components/AppError';
+  import GlobalSnackbar from 'kolibri-common/components/GlobalSnackbar';
   import UpdateNotification from './UpdateNotification.vue';
-  import AppError from './AppError';
 
   export default {
     name: 'NotificationsRoot',

kolibri/plugins/device/assets/src/views/DeviceInfoPage.vue

@@ -83,7 +83,7 @@
 <script>
 
   import { mapState } from 'vuex';
-  import TechnicalTextBlock from 'kolibri.coreVue.components.TechnicalTextBlock';
+  import TechnicalTextBlock from 'kolibri-common/components/AppError/TechnicalTextBlock';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
   import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin';
   import AppBarPage from 'kolibri.coreVue.components.AppBarPage';

kolibri/plugins/learn/assets/src/views/TopicsContentPage.vue

@@ -142,9 +142,9 @@
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
   import client from 'kolibri.client';
   import urls from 'kolibri.urls';
-  import GlobalSnackbar from '../../../../../../kolibri/core/assets/src/views/GlobalSnackbar';
+  import AppError from 'kolibri-common/components/AppError';
+  import GlobalSnackbar from 'kolibri-common/components/GlobalSnackbar';
   import SkipNavigationLink from '../../../../../../kolibri/core/assets/src/views/SkipNavigationLink';
-  import AppError from '../../../../../../kolibri/core/assets/src/views/AppError';
   import useCoreLearn from '../composables/useCoreLearn';
   import useContentNodeProgress from '../composables/useContentNodeProgress';
   import useLearnerResources from '../composables/useLearnerResources';

kolibri/plugins/user_auth/assets/src/views/UserAuthLayout.vue

@@ -55,7 +55,8 @@
   import AuthMessage from 'kolibri.coreVue.components.AuthMessage';
   import coreBannerContent from 'kolibri.utils.coreBannerContent';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
-  import { AppError, GlobalSnackbar } from 'kolibri-common';
+  import AppError from 'kolibri-common/components/AppError';
+  import GlobalSnackbar from 'kolibri-common/components/GlobalSnackbar';
   import CoreBanner from '../../../../../core/assets/src/views/CoreBanner';
   import { ComponentMap } from '../constants';
 

kolibri/core/assets/src/views/AppError/__test__/AppError.spec.js → packages/kolibri-common/components/AppError/__test__/AppError.spec.js

@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils';
 import AppError from '../index.vue';
-import { coreStoreFactory as makeStore } from '../../../../src/state/store';
+import { coreStoreFactory as makeStore } from '../../../../../kolibri/core/assets/src/state/store';
 
 function makeWrapper() {
   const store = makeStore();