From 74e56d0ec8d77261c1b211c2ef71c0c1cc886074 Mon Sep 17 00:00:00 2001
From: bytedream <bytedream@protonmail.com>
Date: Sat, 30 Sep 2023 17:29:14 +0200
Subject: [PATCH] add report link copy dropdown

---
 src/routes/admin/reports/+page.svelte | 29 +++++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/routes/admin/reports/+page.svelte b/src/routes/admin/reports/+page.svelte
index da52ebd..62b867f 100644
--- a/src/routes/admin/reports/+page.svelte
+++ b/src/routes/admin/reports/+page.svelte
@@ -146,10 +146,31 @@
 			class="relative flex flex-col w-2/5 bg-base-200/50 px-4 py-6 overflow-scroll"
 			transition:fly={{ x: 200, duration: 200 }}
 		>
-			<button
-				class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
-				on:click={() => (activeReport = null)}>✕</button
-			>
+			<div class="absolute right-2 top-2 flex justify-center">
+				<form class="dropdown dropdown-end">
+					<!-- svelte-ignore a11y-no-noninteractive-tabindex a11y-label-has-associated-control -->
+					<label tabindex="0" class="btn btn-sm btn-circle btn-ghost text-center">
+						<IconOutline name="share-outline" height="1rem" width="auto" />
+					</label>
+					<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
+					<ul
+						tabindex="0"
+						class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-max"
+					>
+						<li>
+							<button
+								on:click={() =>
+									navigator.clipboard.writeText(
+										`${window.location.protocol}//${window.location.host}${env.PUBLIC_BASE_PATH}/report/${activeReport.url_hash}`
+									)}>Öffentlichen Link kopieren</button
+							>
+						</li>
+					</ul>
+				</form>
+				<button class="btn btn-sm btn-circle btn-ghost" on:click={() => (activeReport = null)}
+					>✕</button
+				>
+			</div>
 			<h3 class="font-roboto font-semibold text-2xl">Report</h3>
 			<div class="break-words my-2">
 				<i class="font-medium">{activeReport.reporter.username}</i> hat