Merge pull request #5428 from Prashant-thakur77/remove-vuetify-buttons-trash

[Remove Vuetify from Studio] Buttons in New folder and Trash

Author: LianaHarris360

contentcuration/contentcuration/frontend/channelEdit/components/edit/EditModal.vue

@@ -73,13 +73,11 @@
                   class="add-wrapper"
                   :color="$themeTokens.textInverted"
                 >
-                  <VBtn
+                  <KButton
                     v-if="addTopicsMode"
-                    color="greyBackground"
+                    :text="$tr('addTopic')"
                     @click="createTopic"
-                  >
-                    {{ $tr('addTopic') }}
-                  </VBtn>
+                  />
                   <KButton
                     v-else-if="uploadMode"
                     :text="$tr('uploadButton')"

contentcuration/contentcuration/frontend/channelEdit/views/trash/TrashModal.vue

@@ -130,22 +130,22 @@
           {{ getSelectedTopicAndResourceCountText(selected) }}
         </span>
         <VSpacer />
-        <VBtn
-          flat
-          :disabled="!selected.length"
-          data-test="restore"
-          @click="moveModalOpen = true"
-        >
-          {{ $tr('restoreButton') }}
-        </VBtn>
-        <VBtn
-          color="primary"
-          :disabled="!selected.length"
-          data-test="delete"
-          @click="showConfirmationDialog = true"
-        >
-          {{ $tr('deleteButton') }}
-        </VBtn>
+        <KButtonGroup>
+          <KButton
+            appearance="flat-button"
+            :text="$tr('restoreButton')"
+            :disabled="!selected.length"
+            data-test="restore"
+            @click="moveModalOpen = true"
+          />
+          <KButton
+            :primary="true"
+            :text="$tr('deleteButton')"
+            :disabled="!selected.length"
+            data-test="delete"
+            @click="showConfirmationDialog = true"
+          />
+        </KButtonGroup>
       </template>
       <KModal
         v-if="showConfirmationDialog"
@@ -365,4 +365,8 @@
     width: 100%;
   }
 
+  .button-group {
+    white-space: nowrap;
+  }
+
 </style>