From e4ec468f607ec058b3f763b036ac608cc63347b0 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Fri, 9 Aug 2024 14:47:54 +0600
Subject: [PATCH] web/DonateShareCard: change action button id and class names

some adblock lists block everything named "share-button(s)"
---
 .../components/donate/DonateShareCard.svelte  | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/web/src/components/donate/DonateShareCard.svelte b/web/src/components/donate/DonateShareCard.svelte
index 6b6d8b6b..41f8b687 100644
--- a/web/src/components/donate/DonateShareCard.svelte
+++ b/web/src/components/donate/DonateShareCard.svelte
@@ -34,56 +34,56 @@
         <div id="share-qr">
             <CobaltQr />
         </div>
-        <div id="share-buttons">
+        <div id="action-buttons">
             <button
-                id="share-button-copy"
-                class="share-button"
+                id="action-button-copy"
+                class="action-button"
                 on:click={async () => {
                     copyURL(cobaltUrl);
                     copied = true;
                 }}
                 aria-label={copied ? $t("button.copied") : ""}
             >
-                <div class="share-button-icon">
+                <div class="action-button-icon">
                     <CopyIcon check={copied} />
                 </div>
                 copy
             </button>
 
             <button
-                id="share-button-share"
-                class="share-button"
+                id="action-button-share"
+                class="action-button"
                 on:click={async () => shareURL(cobaltUrl)}
             >
-                <div class="share-button-icon">
+                <div class="action-button-icon">
                     <IconShare2 />
                 </div>
                 {$t("button.share")}
             </button>
 
             <button
-                id="share-button-github"
-                class="share-button"
+                id="action-button-github"
+                class="action-button"
                 on:click={async () => {
                     openURL(contacts.github);
                     copied = true;
                 }}
             >
-                <div class="share-button-icon">
+                <div class="action-button-icon">
                     <IconBrandGithub />
                 </div>
                 {$t("button.star")}
             </button>
 
             <button
-                id="share-button-twitter"
-                class="share-button"
+                id="action-button-twitter"
+                class="action-button"
                 on:click={async () => {
                     openURL(contacts.twitter);
                     copied = true;
                 }}
             >
-                <div class="share-button-icon">
+                <div class="action-button-icon">
                     <IconBrandTwitter />
                 </div>
                 {$t("button.follow")}
@@ -129,14 +129,14 @@
         border-radius: 12px;
     }
 
-    #share-buttons {
+    #action-buttons {
         display: grid;
         grid-template-columns: 1fr 1fr;
         width: 100%;
         gap: 6px;
     }
 
-    .share-button {
+    .action-button {
         align-items: center;
         width: 100%;
         padding: 0 10px;
@@ -144,13 +144,13 @@
         gap: 2px;
     }
 
-    .share-button-icon {
+    .action-button-icon {
         width: 21px;
         height: 21px;
         display: flex;
     }
 
-    .share-button-icon :global(svg) {
+    .action-button-icon :global(svg) {
         width: 21px;
         height: 21px;
         stroke-width: 1.8px;