docs: Add event to badge

lneugebauer · Aug 25, 2024 · 2ba877d · 2ba877d
1 parent 84fae8c
commit 2ba877d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/docs/components/NCBadge.vue b/docs/components/NCBadge.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import type {NCBadge} from "./types.js";
-
 interface Props {
   alt: string
+  eventName: string | null,
   link: string
   size: 'small' | 'medium'
   src: string
@@ -13,7 +12,7 @@ const props = defineProps<Props>()
 
 <template>
   <a :href="link">
-    <img class="badge" :class="[size]" :src="src" :alt="alt"/>
+    <img class="badge" :class="[size]" :src="src" :alt="alt" :data-umami-event="eventName"/>
   </a>
 </template>
 

diff --git a/docs/components/types.d.ts b/docs/components/types.d.ts
diff --git a/docs/index.md b/docs/index.md
@@ -30,18 +30,21 @@ import payPalBadge from './assets/images/donate_with_paypal.svg';
 <NCStoreBadges>
     <NCBadge
         alt="Get it on Play Store"
+        event-name="get-it-on-play-store-button"
         link="https://play.google.com/store/apps/details?id=de.lukasneugebauer.nextcloudcookbook"
         size="medium"
         src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png"
     />
     <NCBadge
         alt="Get it on GitHub"
+        event-name="get-it-on-github-button"
         link="https://github.com/lneugebauer/nextcloud-cookbook/releases"
         size="medium"
         :src="gitHubBadge"
     />
     <NCBadge
         alt="Get it on F-Droid"
+        event-name="get-it-on-f-droid-button"
         link="https://f-droid.org/packages/de.lukasneugebauer.nextcloudcookbook/"
         size="medium"
         src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png"
@@ -70,12 +73,14 @@ import payPalBadge from './assets/images/donate_with_paypal.svg';
 <NCDonationBadges>
     <NCBadge
         alt="Donate using Liberapay"
+        event-name="donate-using-liberapay-button"
         link="https://liberapay.com/lneugebauer/donate"
         size="small"
         src="https://liberapay.com/assets/widgets/donate.svg"
     />
     <NCBadge
         alt="Donate using PayPal"
+        event-name="donate-using-paypal-button"
         link="https://www.paypal.com/donate/?hosted_button_id=ECDNN8PS3SSMQ"
         size="small"
         :src="payPalBadge"