[Remove Vuetify from Studio] Buttons/links in Import from channels

Author: Abhishek-Punhani

contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/ImportFromChannelsModal.vue

@@ -52,44 +52,40 @@
           >
             <VIconWrapper small> check_circle </VIconWrapper>
             <span class="mx-1">{{ $tr('addedText') }}</span>
-            <VBtn
-              color="primary"
+            <KButton
+              primary
+              :text="$tr('removeButton')"
               @click="deselectNode(previewNode)"
-            >
-              {{ $tr('removeButton') }}
-            </VBtn>
+            />
           </VLayout>
         </VFadeTransition>
-        <VBtn
+        <KButton
           v-if="!previewIsSelected"
-          color="primary"
+          primary
+          :text="$tr('addButton')"
           @click="selectNode(previewNode)"
-        >
-          {{ $tr('addButton') }}
-        </VBtn>
+        />
       </template>
     </ResourceDrawer>
     <template #bottom>
       <div class="mx-2 subheading">
         {{ $tr('resourcesSelected', { count: selectedResourcesCount }) }}
       </div>
       <VSpacer />
-      <VBtn
+      <KButton
         v-if="isReview"
+        primary
         :disabled="selected.length === 0"
-        color="primary"
+        :text="$tr('importAction')"
         @click="handleClickImport"
-      >
-        {{ $tr('importAction') }}
-      </VBtn>
-      <VBtn
+      />
+      <KButton
         v-else
-        color="primary"
+        primary
         :disabled="selected.length === 0"
+        :text="$tr('reviewAction')"
         @click="handleClickReview"
-      >
-        {{ $tr('reviewAction') }}
-      </VBtn>
+      />
     </template>
   </FullscreenModal>
 

contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SearchOrBrowseWindow.vue

@@ -13,8 +13,9 @@
             v-if="!isBrowsing"
             class="my-2"
           >
-            <ActionLink
+            <KButton
               :text="$tr('backToBrowseAction')"
+              appearance="basic-link"
               @click="handleBackToBrowse"
             />
           </div>
@@ -44,25 +45,27 @@
                 <Icon icon="search" />
               </template>
               <template #append-outer>
-                <VBtn
+                <KButton
                   class="px-4 search-btn"
-                  color="primary"
+                  primary
                   type="submit"
+                  :text="$tr('searchAction')"
                   :disabled="!searchIsValid"
-                  depressed
-                  large
-                >
-                  {{ $tr('searchAction') }}
-                </VBtn>
+                  appearance="raised-button"
+                />
               </template>
             </VTextField>
           </VForm>
 
-          <div class="my-2">
-            <ActionLink
-              v-if="!isBrowsing"
+          <div
+            v-if="!isBrowsing"
+            class="my-2"
+          >
+            <KButton
+              class="mb-3"
               :text="$tr('savedSearchesLabel')"
               :disabled="!savedSearchesExist"
+              appearance="basic-link"
               @click="showSavedSearches = true"
             />
             <ActionLink

contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SearchResultsList.vue

@@ -40,10 +40,11 @@
                   })
                 }}
               </span>
-              <ActionLink
+              <KButton
                 class="mx-2"
                 :disabled="currentSearchSaved"
                 :text="currentSearchSaved ? $tr('searchSavedSnackbar') : $tr('saveSearchAction')"
+                appearance="basic-link"
                 @click="handleClickSaveSearch"
               />
             </VFlex>