diff --git a/apps/frontend/src/pages/moderation/reports/index.vue b/apps/frontend/src/pages/moderation/reports/index.vue
index 6c159962f3..31552d985c 100644
--- a/apps/frontend/src/pages/moderation/reports/index.vue
+++ b/apps/frontend/src/pages/moderation/reports/index.vue
@@ -8,15 +8,11 @@
autocomplete="off"
:placeholder="formatMessage(commonMessages.searchPlaceholder)"
clearable
- wrapper-class="flex-1 lg:max-w-52"
- input-class="h-[40px]"
+ wrapper-class="flex-1"
+ input-class="h-[40px] w-full"
@input="goToPage(1)"
/>
-
-
@@ -56,6 +52,72 @@
+
+
+
+
+
+ {{
+ currentReporterOrProject.length === 0
+ ? 'All Reports'
+ : `${currentReporterOrProject.length} selected`
+ }}
+
+
+
+
+
+
+
+
+
+
+
Advanced filters
@@ -67,6 +129,7 @@
class="!w-full"
:options="reportTargetFilterTypes"
:placeholder="formatMessage(commonMessages.filterByLabel)"
+ @select="goToPage(1)"
/>
@@ -77,6 +140,7 @@
class="!w-full"
:options="reportIssueFilterTypes"
:placeholder="formatMessage(commonMessages.filterByLabel)"
+ @select="goToPage(1)"
/>
@@ -87,6 +151,7 @@
class="!w-full"
:options="projectTypeFilterTypes"
:placeholder="formatMessage(commonMessages.filterByLabel)"
+ @select="goToPage(1)"
/>
@@ -95,6 +160,17 @@
+
+
+ Showing
+ {{ itemsPerPage * (currentPage - 1) + 1 }}
+ –
+ {{ itemsPerPage * (currentPage - 1) + Math.min(itemsPerPage, paginatedReports.length) }}
+ of {{ sortedReports.length }} reports
+
+
+
+
@@ -111,18 +187,30 @@