From 56aa3c2673384c97847692ac8e86e8cc0237e655 Mon Sep 17 00:00:00 2001
From: bytedream <bytedream@protonmail.com>
Date: Sat, 30 Sep 2023 15:39:44 +0200
Subject: [PATCH] add option to filter reporter or reported by clicking on the
 magnifying glass next to their names on admin report page

---
 src/routes/admin/reports/+page.svelte | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/routes/admin/reports/+page.svelte b/src/routes/admin/reports/+page.svelte
index 66ffcb8..da52ebd 100644
--- a/src/routes/admin/reports/+page.svelte
+++ b/src/routes/admin/reports/+page.svelte
@@ -87,8 +87,26 @@
 						}}
 					>
 						<td title={report.subject}><div class="overflow-scroll">{report.subject}</div></td>
-						<td>{report.reporter.username}</td>
-						<td>{report.reported.username}</td>
+						<td class="flex">
+							{report.reporter.username}
+							<button
+								class="pl-1"
+								title="Nach Ersteller filtern"
+								on:click|stopPropagation={() => (reportFilter.reporter = report.reporter.username)}
+							>
+								<IconOutline name="magnifying-glass-outline" width="14" height="14" />
+							</button>
+						</td>
+						<td>
+							{report.reported.username}
+							<button
+								class="pl-1"
+								title="Nach Reportetem Spieler filtern"
+								on:click|stopPropagation={() => (reportFilter.reported = report.reported.username)}
+							>
+								<IconOutline name="magnifying-glass-outline" width="14" height="14" />
+							</button>
+						</td>
 						<td
 							>{new Intl.DateTimeFormat('de-DE', {
 								year: 'numeric',