From 9f54d25ad1ecaccf2a63ce195a05e5c0578d8c86 Mon Sep 17 00:00:00 2001
From: Jana Kocakova <jana.kocakova@student.tuke.sk>
Date: Mon, 15 Dec 2025 23:42:36 +0100
Subject: [PATCH 1/3] =?UTF-8?q?Migrate=20SavedSearchesModal=20dialogs=20to?=
 =?UTF-8?q?=20KDS=20=E2=80=94=20fixes=20#<issue-5470>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ImportFromChannels/SavedSearchesModal.vue | 154 ++++++++++--------
 1 file changed, 90 insertions(+), 64 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 8d494e8899..0304a32384 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -13,72 +13,58 @@
       />
       <p
         v-else-if="savedSearches.length === 0"
-        class="grey--text pa-2"
+        class="empty-state"
       >
         {{ $tr('noSavedSearches') }}
       </p>
-      <VList v-else>
-        <template v-for="(search, index) in savedSearches">
-          <VListTile
-            :key="index"
-            class="py-2"
-          >
-            <VListTileContent>
-              <VListTileTitle>
-                <ActionLink
-                  class="font-weight-bold"
-                  :to="searchResultsRoute(search)"
-                  :text="search.name"
-                  @click="dialog = false"
-                />
-              </VListTileTitle>
-              <VListTileSubTitle class="metadata">
-                <span>
-                  {{ $formatRelative(search.created, { now: new Date() }) }}
-                </span>
-                <span>
-                  {{ $tr('filterCount', { count: searchFilterCount(search) }) }}
-                </span>
-              </VListTileSubTitle>
-            </VListTileContent>
-
-            <VListTileAction>
-              <IconButton
-                icon="clear"
-                color="grey"
-                :text="$tr('deleteAction')"
-                @click="handleClickDelete(search.id)"
-              />
-            </VListTileAction>
-          </VListTile>
-          <VDivider
-            v-if="index < savedSearches.length - 1"
-            :key="index + 'divider'"
-          />
-        </template>
-      </VList>
+      <ul v-else class="saved-searches-list">
+        <li
+          v-for="(search, index) in savedSearches"
+          :key="search.id"
+          class="search-item"
+        >
+          <div class="search-content">
+            <div class="search-title">
+              <KRouterLink
+                :to="searchResultsRoute(search)"
+                @click="dialog = false"
+                class="saved-search-link notranslate"
+              >
+                {{ search.name }}
+              </KRouterLink>
+            </div>
+            <div class="metadata">
+              <span>
+                {{ $formatRelative(search.created, { now: new Date() }) }}
+              </span>
+              <span>
+                {{ $tr('filterCount', { count: searchFilterCount(search) }) }}
+              </span>
+            </div>
+          </div>
+
+          <div class="search-actions">
+            <IconButton
+              icon="clear"
+              color="grey"
+              :text="$tr('deleteAction')"
+              @click="handleClickDelete(search.id)"
+            />
+          </div>
+        </li>
+      </ul>
     </KModal>
 
-    <MessageDialog
-      v-model="showDelete"
-      :header="$tr('deleteSearchTitle')"
-      :text="$tr('deleteConfirmation')"
+    <KModal
+      v-if="showDelete"
+      :title="$tr('deleteSearchTitle')"
+      :cancelText="$tr('cancelAction')"
+      :submitText="$tr('deleteAction')"
+      @cancel="handleCancel"
+      @submit="handleDeleteConfirm"
     >
-      <template #buttons>
-        <VBtn
-          flat
-          @click="handleCancel"
-        >
-          {{ $tr('cancelAction') }}
-        </VBtn>
-        <VBtn
-          color="primary"
-          @click="handleDeleteConfirm"
-        >
-          {{ $tr('deleteAction') }}
-        </VBtn>
-      </template>
-    </MessageDialog>
+      <p>{{ $tr('deleteConfirmation') }}</p>
+    </KModal>
   </div>
 
 </template>
@@ -87,14 +73,12 @@
 <script>
 
   import { mapActions, mapGetters } from 'vuex';
-  import MessageDialog from 'shared/views/MessageDialog';
   import IconButton from 'shared/views/IconButton';
 
   export default {
     name: 'SavedSearchesModal',
     inject: ['RouteNames'],
     components: {
-      MessageDialog,
       IconButton,
     },
     props: {
@@ -189,14 +173,56 @@
 
 <style scoped lang="scss">
 
+  .empty-state {
+    padding: 8px;
+    color: var(--v-grey-base);
+  }
+
+  .saved-searches-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .search-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .search-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .search-title {
+    margin-bottom: 4px;
+  }
+
+  .saved-search-link {
+    font-weight: 600;
+  }
+
   .metadata {
-    color: var(--v-grey-darken2);
+    color: var(--v-grey-base);
+    font-size: 14px;
 
     span:not(:last-child)::after {
       margin: 0 4px;
-      color: var(--v-grey-base);
+      color: grey;
       content: '•';
     }
   }
 
+  .search-actions {
+    margin-left: 16px;
+    flex-shrink: 0;
+  }
+
 </style>

From 6d8340e55badb0650b0f3749b50f676551f5c501 Mon Sep 17 00:00:00 2001
From: Jana Kocakova <jana.kocakova@student.tuke.sk>
Date: Tue, 16 Dec 2025 00:36:12 +0100
Subject: [PATCH 2/3] Migrate Saved searches dialogs from Vuetify to KDS -
 fixes #<issue-5470>

---
 .../views/ImportFromChannels/SavedSearchesModal.vue           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 0304a32384..7515c6cc8e 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -210,12 +210,12 @@
   }
 
   .metadata {
-    color: var(--v-grey-base);
+    color: var(--v-grey-darken2);
     font-size: 14px;
 
     span:not(:last-child)::after {
       margin: 0 4px;
-      color: grey;
+      color: var(--v-grey-base);
       content: '•';
     }
   }

From e61c89fee0c73503f33a1156e002a156da9f2586 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Tue, 16 Dec 2025 08:35:11 +0000
Subject: [PATCH 3/3] [pre-commit.ci lite] apply automatic fixes

---
 .../views/ImportFromChannels/SavedSearchesModal.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 7515c6cc8e..aad7eaa72e 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -17,7 +17,10 @@
       >
         {{ $tr('noSavedSearches') }}
       </p>
-      <ul v-else class="saved-searches-list">
+      <ul
+        v-else
+        class="saved-searches-list"
+      >
         <li
           v-for="(search, index) in savedSearches"
           :key="search.id"
@@ -27,8 +30,8 @@
             <div class="search-title">
               <KRouterLink
                 :to="searchResultsRoute(search)"
+                class="notranslate saved-search-link"
                 @click="dialog = false"
-                class="saved-search-link notranslate"
               >
                 {{ search.name }}
               </KRouterLink>
@@ -179,8 +182,8 @@
   }
 
   .saved-searches-list {
-    margin: 0;
     padding: 0;
+    margin: 0;
     list-style: none;
   }
 
@@ -210,8 +213,8 @@
   }
 
   .metadata {
-    color: var(--v-grey-darken2);
     font-size: 14px;
+    color: var(--v-grey-darken2);
 
     span:not(:last-child)::after {
       margin: 0 4px;
@@ -221,8 +224,8 @@
   }
 
   .search-actions {
-    margin-left: 16px;
     flex-shrink: 0;
+    margin-left: 16px;
   }
 
 </style>