From e35b694bef6e88e3bd214275181d03805a6a233b Mon Sep 17 00:00:00 2001
From: ritoban23 <ankudutt101@gmail.com>
Date: Sat, 2 Aug 2025 23:54:48 +0530
Subject: [PATCH 1/2] [Remove Vuetify from Studio] 'About collections' link and
 modal in Channels #5234

---
 .../views/ChannelSet/ChannelSetList.vue       | 29 +++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue b/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue
index 79fe4d0516..4ba1b725b7 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue
@@ -11,14 +11,16 @@
       justify-center
     >
       <VFlex>
-        <ActionLink
+        <KButton
           :text="$tr('aboutChannelSetsLink')"
+          appearance="basic-link"
           class="mx-2"
           @click="infoDialog = true"
         />
-        <MessageDialog
-          v-model="infoDialog"
-          :header="$tr('aboutChannelSets')"
+        <KModal
+          :title="$tr('aboutChannelSets')"
+          :isOpen="infoDialog"
+          @cancel="infoDialog = false"
         >
           <p>
             {{ $tr('channelSetsDescriptionText') }}
@@ -26,16 +28,18 @@
           <p>
             {{ $tr('channelSetsInstructionsText') }}
           </p>
-          <p class="red--text">
+          <p :style="{ color: palette.red.v_500 }">
             {{ $tr('channelSetsDisclaimer') }}
           </p>
-          <template #buttons>
-            <VSpacer />
-            <VBtn @click="infoDialog = false">
+          <template #actions>
+            <KButton
+              appearance="basic"
+              @click="infoDialog = false"
+            >
               {{ $tr('cancelButtonLabel') }}
-            </VBtn>
+            </KButton>
           </template>
-        </MessageDialog>
+        </KModal>
       </VFlex>
       <VSpacer />
       <VFlex class="text-xs-right">
@@ -87,15 +91,16 @@
   import sortBy from 'lodash/sortBy';
   import { mapGetters, mapActions } from 'vuex';
   import { RouteNames } from '../../constants';
+  import { KButton, KModal, palette } from 'kolibri-design-system';
   import ChannelSetItem from './ChannelSetItem.vue';
-  import MessageDialog from 'shared/views/MessageDialog';
   import LoadingText from 'shared/views/LoadingText';
 
   export default {
     name: 'ChannelSetList',
     components: {
       ChannelSetItem,
-      MessageDialog,
+      KButton,
+      KModal,
       LoadingText,
     },
     data() {

From d7c68a77c61bf7d16734aabc02fa1fea0438be02 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Mon, 4 Aug 2025 15:42:55 +0000
Subject: [PATCH 2/2] [pre-commit.ci lite] apply automatic fixes

---
 .../frontend/channelList/views/ChannelSet/ChannelSetList.vue    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue b/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue
index 4ba1b725b7..3443a1e855 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/ChannelSet/ChannelSetList.vue
@@ -90,8 +90,8 @@
 
   import sortBy from 'lodash/sortBy';
   import { mapGetters, mapActions } from 'vuex';
-  import { RouteNames } from '../../constants';
   import { KButton, KModal, palette } from 'kolibri-design-system';
+  import { RouteNames } from '../../constants';
   import ChannelSetItem from './ChannelSetItem.vue';
   import LoadingText from 'shared/views/LoadingText';