From 832a0bea7199c3b2bb91c07502b74aaa8f614e29 Mon Sep 17 00:00:00 2001
From: callmeroot <anoushka.jha.che21@itbhu.ac.in>
Date: Mon, 22 Jan 2024 22:24:52 +0530
Subject: [PATCH 1/2] Updated Components to KComponents

---
 .../channelList/views/Channel/ChannelItem.vue | 25 ++++++++++++-------
 .../channelList/views/Channel/ChannelStar.vue |  9 +++----
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
index 5a107329c4..920d88fee7 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
@@ -93,23 +93,23 @@
               :to="channelDetailsLink"
             >
 
-              <IconButton
+              <KIconButton
                 :color="$themeTokens.primary"
                 data-test="details-button"
                 class="mr-1"
                 icon="info"
-                :text="$tr('details')"
+                :tooltip="$tr('details')"
                 @mouseenter.native="hideHighlight = true"
                 @mouseleave.native="hideHighlight = false"
               />
 
             </KRouterLink>
 
-            <IconButton
+            <KIconButton
               v-if="!allowEdit && channel.published"
               class="mr-1"
               icon="copy"
-              :text="$tr('copyToken')"
+              :tooltip="$tr('copyToken')"
               data-test="token-button"
               @click.stop.prevent="tokenDialog = true"
               @mouseenter.native="hideHighlight = true"
@@ -145,7 +145,10 @@
                   @click.stop
                 >
                   <VListTileAvatar>
-                    <Icon>edit</Icon>
+                    <KIconButton
+                      disabled="true"
+                      icon="edit"
+                    />
                   </VListTileAvatar>
                   <VListTileTitle>{{ $tr('editChannel') }}</VListTileTitle>
                 </VListTile>
@@ -155,7 +158,10 @@
                   @click="tokenDialog = true"
                 >
                   <VListTileAvatar>
-                    <Icon>content_copy</Icon>
+                    <KIconButton
+                      disabled="true"
+                      icon="copy"
+                    />
                   </VListTileAvatar>
                   <VListTileTitle>{{ $tr('copyToken') }}</VListTileTitle>
                 </VListTile>
@@ -190,7 +196,10 @@
                   @click.stop="deleteDialog = true"
                 >
                   <VListTileAvatar>
-                    <Icon>delete</Icon>
+                    <KIconButton
+                      disabled="true"
+                      icon="delete"
+                    />
                   </VListTileAvatar>
                   <VListTileTitle>{{ $tr('deleteChannel') }}</VListTileTitle>
                 </VListTile>
@@ -232,7 +241,6 @@
   import ChannelTokenModal from 'shared/views/channel/ChannelTokenModal';
   import Thumbnail from 'shared/views/files/Thumbnail';
   import Languages from 'shared/leUtils/Languages';
-  import IconButton from 'shared/views/IconButton';
 
   export default {
     name: 'ChannelItem',
@@ -240,7 +248,6 @@
       ChannelStar,
       ChannelTokenModal,
       Thumbnail,
-      IconButton,
     },
     props: {
       channelId: {
diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelStar.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelStar.vue
index 3e94d907d2..fd9e3a82b4 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelStar.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelStar.vue
@@ -2,10 +2,10 @@
 
   <!-- Adding div wrapper as tests fail when VTooltip is the root -->
   <div style="display: inline-block;">
-    <IconButton
+    <KIconButton
       data-test="button"
       :icon="bookmark ? 'star' : 'starBorder'"
-      :text="starText"
+      :tooltip="starText"
       v-bind="$attrs"
       @click="toggleStar"
     />
@@ -16,13 +16,10 @@
 <script>
 
   import { mapActions, mapGetters } from 'vuex';
-  import IconButton from 'shared/views/IconButton';
 
   export default {
     name: 'ChannelStar',
-    components: {
-      IconButton,
-    },
+
     props: {
       channelId: {
         type: String,

From 80feb39dfe7c1a33b3d0fddbf5acb71251bc4695 Mon Sep 17 00:00:00 2001
From: callmeroot <anoushka.jha.che21@itbhu.ac.in>
Date: Fri, 26 Jan 2024 22:52:03 +0530
Subject: [PATCH 2/2] updated trash icon

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

diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
index 920d88fee7..6fa7803c83 100644
--- a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
+++ b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
@@ -198,7 +198,7 @@
                   <VListTileAvatar>
                     <KIconButton
                       disabled="true"
-                      icon="delete"
+                      icon="trash"
                     />
                   </VListTileAvatar>
                   <VListTileTitle>{{ $tr('deleteChannel') }}</VListTileTitle>