fix: use first project type as actual project type

apps/frontend/src/pages/moderation/index.vue

@@ -100,6 +100,7 @@ import {
   ScaleIcon,
 } from "@modrinth/assets";
 import { defineMessages, useVIntl } from "@vintl/vintl";
+import { useLocalStorage } from "@vueuse/core";
 import ConfettiExplosion from "vue-confetti-explosion";
 import Fuse from "fuse.js";
 import ModerationQueueCard from "~/components/ui/moderation/ModerationQueueCard.vue";
@@ -214,7 +215,7 @@ watch(
   },
 );
 
-const currentFilterType = ref("All projects");
+const currentFilterType = useLocalStorage("moderation-current-filter-type", () => "All projects");
 const filterTypes: readonly string[] = readonly([
   "All projects",
   "Modpacks",
@@ -225,7 +226,7 @@ const filterTypes: readonly string[] = readonly([
   "Shaders",
 ]);
 
-const currentSortType = ref("Oldest");
+const currentSortType = useLocalStorage("moderation-current-sort-type", () => "Oldest");
 const sortTypes: readonly string[] = readonly(["Oldest", "Newest"]);
 
 const currentPage = ref(1);
@@ -286,8 +287,10 @@ const typeFiltered = computed(() => {
   const projectType = filterMap[currentFilterType.value];
   if (!projectType) return baseFiltered.value;
 
-  return baseFiltered.value.filter((queueItem) =>
+  return baseFiltered.value.filter(
-    queueItem.project.project_types.includes(projectType),
+    (queueItem) =>
+      queueItem.project.project_types.length > 0 &&
+      queueItem.project.project_types[0] === projectType,
   );
 });
 

apps/frontend/src/pages/moderation/reports/index.vue

@@ -72,6 +72,7 @@
 import { DropdownSelect, Button, Pagination } from "@modrinth/ui";
 import { XIcon, SearchIcon, SortAscIcon, SortDescIcon, FilterIcon } from "@modrinth/assets";
 import { defineMessages, useVIntl } from "@vintl/vintl";
+import { useLocalStorage } from "@vueuse/core";
 import type { Report } from "@modrinth/utils";
 import Fuse from "fuse.js";
 import type { ExtendedReport } from "@modrinth/moderation";
@@ -169,10 +170,10 @@ watch(
   },
 );
 
-const currentFilterType = ref("All");
+const currentFilterType = useLocalStorage("moderation-reports-filter-type", () => "All");
 const filterTypes: readonly string[] = readonly(["All", "Unread", "Read"]);
 
-const currentSortType = ref("Oldest");
+const currentSortType = useLocalStorage("moderation-reports-sort-type", () => "Oldest");
 const sortTypes: readonly string[] = readonly(["Oldest", "Newest"]);
 
 const currentPage = ref(1);