From 7c5e50eeb69aa21c7dd49915795c7c678a530d58 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Fri, 14 Mar 2025 14:37:42 +0100
Subject: [PATCH 01/10] feat: [#698] placeholder sort options button

---
 pages/admin/settings/users.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 80ab0be..81ed4c9 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -9,7 +9,7 @@
           class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content"
           :placeholder="`Filter by username`"
         >
-
+        <TorrustSelect v-model:selected="selectedSorting" class="ml-auto" :options="sortingOptions" label="Sort by" />
       </div>
       <UserTable :user-profiles="userProfiles" />
       <Pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :total-results="userProfilesTotal" />
@@ -23,6 +23,14 @@ import { notify } from "notiwind-ts";
 import type { UserProfile } from "torrust-index-types-lib";
 import { onMounted, ref, watch } from "#imports";
 import { useRestApi } from "~/composables/states";
+import type { TorrustSelectOption } from "components/TorrustSelect.vue";
+
+const sortingOptions: Array<TorrustSelectOption> = [
+  { name: "Registration date (Newest first)", value: "DateRegisteredNewest" },
+  { name: "Registration date (Oldest first)", value: "DateRegisteredOldest" },
+  { name: "Username (A to Z)", value: "UsernameAZ" },
+  { name: "Username (Z to A)", value: "UsernameZA" }
+];
 
 const route = useRoute();
 const router = useRouter();
@@ -35,9 +43,21 @@ const userProfiles: Ref<Array<UserProfile>> = ref([]);
 const userProfilesTotal = ref(0);
 const currentPage: Ref<number> = ref(Number(route.query?.page as string) || 1);
 const searchQuery: Ref<string> = ref(null);
+const itemsSorting: Ref<string> = ref(route.query?.sorting as string || sortingOptions[0].value);
+
+const selectedSorting = computed({
+  get () {
+    return [itemsSorting.value];
+  },
+  set (value) {
+    itemsSorting.value = value[0];
+    currentPage.value = 1;
+  }
+});
 
 watch(() => route.fullPath, () => {
   searchQuery.value = route.query.search as string ?? null;
+  itemsSorting.value = route.query.sorting as string ?? sortingOptions[0].value;
   currentPage.value = isNaN(route.query.page) ? 1 : parseInt(route.query.page);
   pageSize.value = isNaN(route.query.pageSize) ? defaultPageSize : parseInt(route.query.pageSize);
 });
@@ -46,6 +66,7 @@ watch(currentPage, () => {
   router.push({
     query: {
       search: searchQuery.value,
+      sorting: itemsSorting.value ? itemsSorting.value : sortingOptions[0].value,
       pageSize: pageSize.value,
       page: currentPage.value
     }
@@ -59,6 +80,7 @@ watch([pageSize, searchQuery], () => {
   router.push({
     query: {
       search: searchQuery.value,
+      sorting: itemsSorting.value ? itemsSorting.value : sortingOptions[0].value,
       pageSize: pageSize.value,
       page: 1
     }
@@ -69,6 +91,7 @@ watch([pageSize, searchQuery], () => {
 
 onActivated(() => {
   searchQuery.value = route.query.search as string ?? null;
+  itemsSorting.value = route.query.sorting as string ?? sortingOptions[0].value;
   pageSize.value = route.query.pageSize as number ?? defaultPageSize;
   currentPage.value = route.query.page as number ?? 1;
 });

From f489d69f92e5bf09b2cb02d70405934aeaae0d0b Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Sun, 16 Mar 2025 12:22:20 +0100
Subject: [PATCH 02/10] feat: [#698] placeholder filters box

---
 pages/admin/settings/users.vue | 52 +++++++++++++++++++++++++---------
 1 file changed, 39 insertions(+), 13 deletions(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 81ed4c9..0561012 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -1,18 +1,37 @@
 <template>
-  <div class="flex flex-col max-w-md gap-2 mx-auto">
-    <div class="flex flex-col gap-2">
-      <div class="pl-0.5 flex flex-wrap gap-2">
-        <input
-          v-model="searchQuery"
-          name="search"
-          type="text"
-          class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content"
-          :placeholder="`Filter by username`"
-        >
-        <TorrustSelect v-model:selected="selectedSorting" class="ml-auto" :options="sortingOptions" label="Sort by" />
+  <div class="flex flex-col gap-6">
+    <div class="flex w-full">
+      <div class="flex flex-wrap justify-between  gap-2">
+        <div class="pl-0.5 flex flex-wrap gap-2">
+          <input
+            v-model="searchQuery"
+            name="search"
+            type="text"
+            class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content"
+            :placeholder="`Filter by username`"
+          >
+          <div class="flex flex-wrap gap-1">
+            <TorrustSelect
+              v-model:selected="selectedFilters"
+              class="ml-auto"
+              :options="filteringOptions"
+              label="Filter by"
+            />
+            <TorrustSelect
+              v-model:selected="selectedSorting"
+              class="ml-auto"
+              :options="sortingOptions"
+              label="Sort by"
+            />
+          </div>
+          <UserTable :user-profiles="userProfiles" />
+          <Pagination
+            v-model:current-page="currentPage"
+            v-model:page-size="pageSize"
+            :total-results="userProfilesTotal"
+          />
+        </div>
       </div>
-      <UserTable :user-profiles="userProfiles" />
-      <Pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :total-results="userProfilesTotal" />
     </div>
   </div>
 </template>
@@ -25,6 +44,12 @@ import { onMounted, ref, watch } from "#imports";
 import { useRestApi } from "~/composables/states";
 import type { TorrustSelectOption } from "components/TorrustSelect.vue";
 
+const filteringOptions: Array<TorrustSelectOption> = [
+  { name: "Email verified", value: "EmailVerified" },
+  { name: "Email not verified", value: "EmailNotVerified" },
+  { name: "Torrent uploader", value: "TorrentUploader" }
+];
+
 const sortingOptions: Array<TorrustSelectOption> = [
   { name: "Registration date (Newest first)", value: "DateRegisteredNewest" },
   { name: "Registration date (Oldest first)", value: "DateRegisteredOldest" },
@@ -35,6 +60,7 @@ const sortingOptions: Array<TorrustSelectOption> = [
 const route = useRoute();
 const router = useRouter();
 const rest = useRestApi();
+// const filters = useFilters();
 
 const defaultPageSize = 50;
 const queryPageSize = isNaN(route.query?.pageSize) ? defaultPageSize : parseInt(route.query?.pageSize as string, 10);

From bae822fb067afcb40aea2315afd53fe251746a67 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Sun, 16 Mar 2025 14:43:37 +0100
Subject: [PATCH 03/10] refactor: [#698] adjusted CSS styles

---
 pages/admin/settings/users.vue | 58 ++++++++++++++++------------------
 1 file changed, 28 insertions(+), 30 deletions(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 0561012..0969bc8 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -1,36 +1,34 @@
 <template>
-  <div class="flex flex-col gap-6">
-    <div class="flex w-full">
-      <div class="flex flex-wrap justify-between  gap-2">
-        <div class="pl-0.5 flex flex-wrap gap-2">
-          <input
-            v-model="searchQuery"
-            name="search"
-            type="text"
-            class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content"
-            :placeholder="`Filter by username`"
-          >
-          <div class="flex flex-wrap gap-1">
-            <TorrustSelect
-              v-model:selected="selectedFilters"
-              class="ml-auto"
-              :options="filteringOptions"
-              label="Filter by"
-            />
-            <TorrustSelect
-              v-model:selected="selectedSorting"
-              class="ml-auto"
-              :options="sortingOptions"
-              label="Sort by"
-            />
-          </div>
-          <UserTable :user-profiles="userProfiles" />
-          <Pagination
-            v-model:current-page="currentPage"
-            v-model:page-size="pageSize"
-            :total-results="userProfilesTotal"
+  <div class="flex flex-col max-w-md gap-2 mx-auto">
+    <div class="flex flex-col gap-2">
+      <div class="pl-0.5 flex flex-wrap gap-2">
+        <input
+          v-model="searchQuery"
+          name="search"
+          type="text"
+          class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content"
+          :placeholder="`Filter by username`"
+        >
+        <div class="flex flex-wrap gap-1">
+          <TorrustSelect
+            v-model:selected="selectedFilters"
+            class="ml-auto"
+            :options="filteringOptions"
+            label="Filter by"
+          />
+          <TorrustSelect
+            v-model:selected="selectedSorting"
+            class="ml-auto"
+            :options="sortingOptions"
+            label="Sort by"
           />
         </div>
+        <UserTable :user-profiles="userProfiles" />
+        <Pagination
+          v-model:current-page="currentPage"
+          v-model:page-size="pageSize"
+          :total-results="userProfilesTotal"
+        />
       </div>
     </div>
   </div>

From 3320ebd2843fe0313c711c4e03dce01b769224f5 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Sun, 16 Mar 2025 15:58:25 +0100
Subject: [PATCH 04/10] refactor: [#698] changed styles and CSS

---
 pages/admin/settings/users.vue | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 0969bc8..25c71b5 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -1,27 +1,28 @@
 <template>
   <div class="flex flex-col max-w-md gap-2 mx-auto">
     <div class="flex flex-col gap-2">
-      <div class="pl-0.5 flex flex-wrap gap-2">
-        <input
-          v-model="searchQuery"
-          name="search"
-          type="text"
-          class="h-8 border-2 input input-bordered rounded-2xl placeholder-neutral-content"
-          :placeholder="`Filter by username`"
-        >
-        <div class="flex flex-wrap gap-1">
+      <div class="pl-0.5 flex flex-col gap-2">
+        <div class="flex gap-2">
           <TorrustSelect
             v-model:selected="selectedFilters"
-            class="ml-auto"
             :options="filteringOptions"
             label="Filter by"
           />
           <TorrustSelect
             v-model:selected="selectedSorting"
-            class="ml-auto"
             :options="sortingOptions"
             label="Sort by"
           />
+
+        </div>
+        <div class="flex flex-col w-full gap-2">
+          <input
+            v-model="searchQuery"
+            name="search"
+            type="text"
+            class="h-8 w-full border-2 input input-bordered rounded-2xl placeholder-neutral-content"
+            :placeholder="`Filter by username`"
+          >
         </div>
         <UserTable :user-profiles="userProfiles" />
         <Pagination

From 4462a2e7e250221dbaaa3b322911eab48682939c Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Tue, 18 Mar 2025 18:02:36 +0100
Subject: [PATCH 05/10] feat:[#698] added logic to filters button

---
 pages/admin/settings/users.vue | 49 +++++++++++++++++++++++++++++++---
 1 file changed, 45 insertions(+), 4 deletions(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 25c71b5..1b886d6 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -4,9 +4,10 @@
       <div class="pl-0.5 flex flex-col gap-2">
         <div class="flex gap-2">
           <TorrustSelect
-            v-model:selected="selectedFilters"
-            :options="filteringOptions"
+            v-model:selected="filters"
+            :options="filteringOptions.map(entry => ({ name: entry.name, value: entry.value }))"
             label="Filter by"
+            :multiple="true"
           />
           <TorrustSelect
             v-model:selected="selectedSorting"
@@ -59,7 +60,9 @@ const sortingOptions: Array<TorrustSelectOption> = [
 const route = useRoute();
 const router = useRouter();
 const rest = useRestApi();
-// const filters = useFilters();
+/* const filters =
+
+export const useTags = () => useState<Array<TorrentTag>>("tags", () => new Array<TorrentTag>()); */
 
 const defaultPageSize = 50;
 const queryPageSize = isNaN(route.query?.pageSize) ? defaultPageSize : parseInt(route.query?.pageSize as string, 10);
@@ -68,8 +71,21 @@ const userProfiles: Ref<Array<UserProfile>> = ref([]);
 const userProfilesTotal = ref(0);
 const currentPage: Ref<number> = ref(Number(route.query?.page as string) || 1);
 const searchQuery: Ref<string> = ref(null);
+const itemsFilters: Ref<string> = ref(route.query?.filters as string || filteringOptions[0].value);
+  const queryFilters = route.query?.filters as string[] || [];
+  const filters: Ref<string[]> = ref(Array.isArray(queryFilters) ? queryFilters : [queryFilters]);
 const itemsSorting: Ref<string> = ref(route.query?.sorting as string || sortingOptions[0].value);
 
+/* const selectedFilters = computed({
+  get () {
+    return itemsFilters.value;
+  },
+  set (value) {
+    itemsFilters.value = value;
+    currentPage.value = 1;
+  }
+}); */
+
 const selectedSorting = computed({
   get () {
     return [itemsSorting.value];
@@ -82,15 +98,23 @@ const selectedSorting = computed({
 
 watch(() => route.fullPath, () => {
   searchQuery.value = route.query.search as string ?? null;
+  /* itemsFilters.value = route.query.filters as string ?? filteringOptions[0].value; */
   itemsSorting.value = route.query.sorting as string ?? sortingOptions[0].value;
   currentPage.value = isNaN(route.query.page) ? 1 : parseInt(route.query.page);
   pageSize.value = isNaN(route.query.pageSize) ? defaultPageSize : parseInt(route.query.pageSize);
+
+  // Ensure tagFilters is always an array of strings
+  filters.value = Array.isArray(route.query.filters)
+    ? route.query.filters as string[]
+    : (route.query.filters ? [route.query.filters as string] : []);
 });
 
 watch(currentPage, () => {
   router.push({
     query: {
       search: searchQuery.value,
+      /* filters: itemsFilters.value ? itemsFilters.value : filteringOptions[0].value, */
+      filters: filters.value.length > 0 ? filters.value : [],
       sorting: itemsSorting.value ? itemsSorting.value : sortingOptions[0].value,
       pageSize: pageSize.value,
       page: currentPage.value
@@ -101,10 +125,25 @@ watch(currentPage, () => {
 });
 
 // Resets the current page value to 1 when the page size is changed to display results correctly
-watch([pageSize, searchQuery], () => {
+/* watch([pageSize, searchQuery, selectedFilters], () => {
+  router.push({
+    query: {
+      search: searchQuery.value,
+      filters: selectedFilters.value.length > 0 ? selectedFilters.value : [],
+      sorting: itemsSorting.value ? itemsSorting.value : sortingOptions[0].value,
+      pageSize: pageSize.value,
+      page: 1
+    }
+  });
+
+  loadUserProfiles();
+}); */
+
+watch([pageSize, searchQuery, filters], () => {
   router.push({
     query: {
       search: searchQuery.value,
+      filters: filters.value.length > 0 ? filters.value : [],
       sorting: itemsSorting.value ? itemsSorting.value : sortingOptions[0].value,
       pageSize: pageSize.value,
       page: 1
@@ -116,6 +155,7 @@ watch([pageSize, searchQuery], () => {
 
 onActivated(() => {
   searchQuery.value = route.query.search as string ?? null;
+  filters.value = route.query.filters as string[] ?? null;
   itemsSorting.value = route.query.sorting as string ?? sortingOptions[0].value;
   pageSize.value = route.query.pageSize as number ?? defaultPageSize;
   currentPage.value = route.query.page as number ?? 1;
@@ -129,6 +169,7 @@ onMounted(() => {
 function loadUserProfiles () {
   rest.value.user.getUserProfiles(
     {
+      filters: filters.value,
       pageSize: pageSize.value,
       page: currentPage.value,
       searchQuery: searchQuery.value

From 95f2930ba1c24ae626fd98793124c36b53de52b0 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Tue, 18 Mar 2025 18:32:58 +0100
Subject: [PATCH 06/10] refactor:[#698] code cleanup

---
 pages/admin/settings/users.vue | 34 ++--------------------------------
 1 file changed, 2 insertions(+), 32 deletions(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 1b886d6..b3412c5 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -60,9 +60,6 @@ const sortingOptions: Array<TorrustSelectOption> = [
 const route = useRoute();
 const router = useRouter();
 const rest = useRestApi();
-/* const filters =
-
-export const useTags = () => useState<Array<TorrentTag>>("tags", () => new Array<TorrentTag>()); */
 
 const defaultPageSize = 50;
 const queryPageSize = isNaN(route.query?.pageSize) ? defaultPageSize : parseInt(route.query?.pageSize as string, 10);
@@ -72,20 +69,10 @@ const userProfilesTotal = ref(0);
 const currentPage: Ref<number> = ref(Number(route.query?.page as string) || 1);
 const searchQuery: Ref<string> = ref(null);
 const itemsFilters: Ref<string> = ref(route.query?.filters as string || filteringOptions[0].value);
-  const queryFilters = route.query?.filters as string[] || [];
-  const filters: Ref<string[]> = ref(Array.isArray(queryFilters) ? queryFilters : [queryFilters]);
+const queryFilters = route.query?.filters as string[] || [];
+const filters: Ref<string[]> = ref(Array.isArray(queryFilters) ? queryFilters : [queryFilters]);
 const itemsSorting: Ref<string> = ref(route.query?.sorting as string || sortingOptions[0].value);
 
-/* const selectedFilters = computed({
-  get () {
-    return itemsFilters.value;
-  },
-  set (value) {
-    itemsFilters.value = value;
-    currentPage.value = 1;
-  }
-}); */
-
 const selectedSorting = computed({
   get () {
     return [itemsSorting.value];
@@ -98,7 +85,6 @@ const selectedSorting = computed({
 
 watch(() => route.fullPath, () => {
   searchQuery.value = route.query.search as string ?? null;
-  /* itemsFilters.value = route.query.filters as string ?? filteringOptions[0].value; */
   itemsSorting.value = route.query.sorting as string ?? sortingOptions[0].value;
   currentPage.value = isNaN(route.query.page) ? 1 : parseInt(route.query.page);
   pageSize.value = isNaN(route.query.pageSize) ? defaultPageSize : parseInt(route.query.pageSize);
@@ -113,7 +99,6 @@ watch(currentPage, () => {
   router.push({
     query: {
       search: searchQuery.value,
-      /* filters: itemsFilters.value ? itemsFilters.value : filteringOptions[0].value, */
       filters: filters.value.length > 0 ? filters.value : [],
       sorting: itemsSorting.value ? itemsSorting.value : sortingOptions[0].value,
       pageSize: pageSize.value,
@@ -124,21 +109,6 @@ watch(currentPage, () => {
   loadUserProfiles();
 });
 
-// Resets the current page value to 1 when the page size is changed to display results correctly
-/* watch([pageSize, searchQuery, selectedFilters], () => {
-  router.push({
-    query: {
-      search: searchQuery.value,
-      filters: selectedFilters.value.length > 0 ? selectedFilters.value : [],
-      sorting: itemsSorting.value ? itemsSorting.value : sortingOptions[0].value,
-      pageSize: pageSize.value,
-      page: 1
-    }
-  });
-
-  loadUserProfiles();
-}); */
-
 watch([pageSize, searchQuery, filters], () => {
   router.push({
     query: {

From 097235f57b5a1b6aa4c1a2f6fe9f9a0c6f3e246e Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Wed, 19 Mar 2025 00:57:38 +0100
Subject: [PATCH 07/10] feat: [#698] added sorting logic

---
 pages/admin/settings/users.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index b3412c5..172b791 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -109,7 +109,7 @@ watch(currentPage, () => {
   loadUserProfiles();
 });
 
-watch([pageSize, searchQuery, filters], () => {
+watch([pageSize, searchQuery, filters, itemsSorting], () => {
   router.push({
     query: {
       search: searchQuery.value,
@@ -140,6 +140,7 @@ function loadUserProfiles () {
   rest.value.user.getUserProfiles(
     {
       filters: filters.value,
+      sorting: itemsSorting.value,
       pageSize: pageSize.value,
       page: currentPage.value,
       searchQuery: searchQuery.value

From e4a2b79b21b6eba6b7c63432d59da937aa2f9ac2 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Wed, 19 Mar 2025 22:40:57 +0100
Subject: [PATCH 08/10] refactor: [#698] fixed duplicated requests

---
 pages/admin/settings/users.vue | 18 +++---------------
 1 file changed, 3 insertions(+), 15 deletions(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index 172b791..b2347d3 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -83,20 +83,8 @@ const selectedSorting = computed({
   }
 });
 
-watch(() => route.fullPath, () => {
-  searchQuery.value = route.query.search as string ?? null;
-  itemsSorting.value = route.query.sorting as string ?? sortingOptions[0].value;
-  currentPage.value = isNaN(route.query.page) ? 1 : parseInt(route.query.page);
-  pageSize.value = isNaN(route.query.pageSize) ? defaultPageSize : parseInt(route.query.pageSize);
-
-  // Ensure tagFilters is always an array of strings
-  filters.value = Array.isArray(route.query.filters)
-    ? route.query.filters as string[]
-    : (route.query.filters ? [route.query.filters as string] : []);
-});
-
 watch(currentPage, () => {
-  router.push({
+  router.replace({
     query: {
       search: searchQuery.value,
       filters: filters.value.length > 0 ? filters.value : [],
@@ -106,11 +94,11 @@ watch(currentPage, () => {
     }
   });
 
-  loadUserProfiles();
+   loadUserProfiles();
 });
 
 watch([pageSize, searchQuery, filters, itemsSorting], () => {
-  router.push({
+  router.replace({
     query: {
       search: searchQuery.value,
       filters: filters.value.length > 0 ? filters.value : [],

From 87d59cd903ca67af457fc4191d45183bbaf1a46e Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Thu, 20 Mar 2025 10:42:10 +0100
Subject: [PATCH 09/10] refactor: [#698] fixed linting errors

---
 pages/admin/settings/users.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index b2347d3..c7f26b3 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -94,7 +94,7 @@ watch(currentPage, () => {
     }
   });
 
-   loadUserProfiles();
+  loadUserProfiles();
 });
 
 watch([pageSize, searchQuery, filters, itemsSorting], () => {

From 8a60c96f384ecb7ecc6d8d1b5052c846ad27a845 Mon Sep 17 00:00:00 2001
From: Mario <mariomnt945@gmail.com>
Date: Thu, 20 Mar 2025 16:33:40 +0100
Subject: [PATCH 10/10] refactor: [#698] removed unnecessary code

---
 pages/admin/settings/users.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/admin/settings/users.vue b/pages/admin/settings/users.vue
index c7f26b3..45bb1e9 100644
--- a/pages/admin/settings/users.vue
+++ b/pages/admin/settings/users.vue
@@ -68,7 +68,6 @@ const userProfiles: Ref<Array<UserProfile>> = ref([]);
 const userProfilesTotal = ref(0);
 const currentPage: Ref<number> = ref(Number(route.query?.page as string) || 1);
 const searchQuery: Ref<string> = ref(null);
-const itemsFilters: Ref<string> = ref(route.query?.filters as string || filteringOptions[0].value);
 const queryFilters = route.query?.filters as string[] || [];
 const filters: Ref<string[]> = ref(Array.isArray(queryFilters) ? queryFilters : [queryFilters]);
 const itemsSorting: Ref<string> = ref(route.query?.sorting as string || sortingOptions[0].value);