lint fixes

Author: yeshwanth235

contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelInvitation.vue

@@ -4,7 +4,7 @@
     <li class="invitation">
       <div class="invitation__main">
         <div class="invitation__main--left">
-          {{ invitationText }} 
+          {{ invitationText }}
         </div>
         <div class="invitation__main--right">
           <div class="invitation__main--right__btn-one">
@@ -69,13 +69,9 @@
 
   import { mapActions, mapGetters } from 'vuex';
   import { InvitationShareModes } from '../../constants';
-  import MessageDialog from 'shared/views/MessageDialog';
 
   export default {
     name: 'ChannelInvitation',
-    components: {
-      MessageDialog,
-    },
     props: {
       invitationID: {
         type: String,
@@ -159,21 +155,26 @@
   }
 
   .invitation {
-    list-style: none;
+    padding: 16px 16px 0;
     font-size: 16px;
-    padding: 16px 16px 0 16px;
-    &__main{ 
+    list-style: none;
+
+    &__main {
       display: flex;
       align-items: center;
       justify-content: space-between;
+
       &--right {
         display: flex;
         flex-direction: row;
+
         [dir='ltr'] &__btn-one {
           margin-right: 15px;
           margin-left: 0;
         }
-        [dir='rtl'] &__btn-two, &__btn-one {
+
+        [dir='rtl'] &__btn-two,
+        &__btn-one {
           margin-right: 0;
           margin-left: 15px;
         }
@@ -184,6 +185,7 @@
   .modal-actions {
     display: flex;
     justify-content: end;
+
     &__close {
       margin-right: 10px;
     }

contentcuration/contentcuration/frontend/channelList/views/ChannelListIndex.vue

@@ -165,7 +165,7 @@
       GlobalSnackbar,
       PolicyModals,
       OfflineText,
-      StudioRaisedBox
+      StudioRaisedBox,
     },
     mixins: [constantsTranslationMixin, routerMixin],
     computed: {

contentcuration/contentcuration/frontend/shared/views/StudioRaisedBox.vue

@@ -21,25 +21,26 @@
 <script>
 
   export default {
-    name: 'StudioRaisedBox'
-  }
+    name: 'StudioRaisedBox',
+  };
 
 </script>
 
 
 <style lang="scss" scoped>
 
-@import '~kolibri-design-system/lib/styles/definitions';
+  @import '~kolibri-design-system/lib/styles/definitions';
 
-.studio-raised-box {
-  @extend %dropshadow-2dp;
-  &__header {
-    padding: 16px 16px 0 16px;
-  }
-  &__main {
-    padding-bottom: 18px;
+  .studio-raised-box {
+    @extend %dropshadow-2dp;
+
+    &__header {
+      padding: 16px 16px 0;
+    }
+
+    &__main {
+      padding-bottom: 18px;
+    }
   }
-  
-}
 
-</style>
+</style>

contentcuration/contentcuration/frontend/shared/views/__tests__/StudioRaisedBox.spec.js

@@ -6,15 +6,15 @@ describe('StudioRaisedBox', () => {
   test('renders both header and main slots', () => {
     const headerContent = 'Header Title';
     const mainContent = 'Main content area';
-     render(StudioRaisedBox, {
-       props: {},
-       routes: new VueRouter(),
-       slots: {
-         header: headerContent,
-         main: mainContent,
-       },
-     });
+    render(StudioRaisedBox, {
+      props: {},
+      routes: new VueRouter(),
+      slots: {
+        header: headerContent,
+        main: mainContent,
+      },
+    });
     expect(screen.getByText(headerContent)).toBeInTheDocument();
     expect(screen.getByText(mainContent)).toBeInTheDocument();
   });
-});
+});