From 02024ca7fc94000ef6c0d2a1ca791babf1972214 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Fri, 11 Oct 2024 22:58:37 +0600
Subject: [PATCH] web/SectionHeading: add support for copying data

---
 web/src/components/misc/SectionHeading.svelte | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/web/src/components/misc/SectionHeading.svelte b/web/src/components/misc/SectionHeading.svelte
index 4645f2d0..e3b1e635 100644
--- a/web/src/components/misc/SectionHeading.svelte
+++ b/web/src/components/misc/SectionHeading.svelte
@@ -8,6 +8,9 @@
     export let title: string;
     export let sectionId: string;
     export let beta = false;
+    export let copyData = "";
+
+    const sectionURL = `${$page.url.origin}${$page.url.pathname}#${sectionId}`;
 
     let copied = false;
 
@@ -19,19 +22,27 @@
 </script>
 
 <div class="heading-container">
-    <h3 class="content-title">{title}</h3>
+    <h3 class="content-title">
+        {title}
+    </h3>
+
     {#if beta}
-        <div class="beta-label">{$t("general.beta")}</div>
+        <div class="beta-label">
+            {$t("general.beta")}
+        </div>
     {/if}
+
     <button
         class="link-copy"
-        aria-label={copied ? $t("button.copied") : $t("button.copy.section")}
+        aria-label={copied
+            ? $t("button.copied")
+            : $t(`button.copy${copyData ? "" : ".section"}`)}
         on:click={() => {
             copied = true;
-            copyURL(`${$page.url.origin}${$page.url.pathname}#${sectionId}`);
+            copyURL(copyData || sectionURL);
         }}
     >
-        <CopyIcon check={copied} />
+        <CopyIcon check={copied} regularIcon={!!copyData} />
     </button>
 </div>