From 31f1c8586c72aad547c008f8da398dd14aedd993 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Thu, 4 Jun 2026 10:20:41 +0200
Subject: [PATCH] feat: WhatsApp/YouTube-Links auf Organisation

Neue Felder whatsapp/youtube (string) auf OrganisationEntry.
OrganisationsCard zeigt Icon-Buttons wenn gesetzt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/block-types.ts                        |  2 ++
 .../blocks/OrganisationsBlock.svelte          | 30 +++++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/src/lib/block-types.ts b/src/lib/block-types.ts
index ef79814..b43e4b5 100644
--- a/src/lib/block-types.ts
+++ b/src/lib/block-types.ts
@@ -313,6 +313,8 @@ export interface OrganisationEntry {
   description?: string;
   link?: string | { url?: string; linkName?: string; newTab?: boolean };
   badge?: string | { label?: string; color?: string };
+  whatsapp?: string;
+  youtube?: string;
 }
 
 /** Organisations-Block (_type: "organisations"). */
diff --git a/src/lib/components/blocks/OrganisationsBlock.svelte b/src/lib/components/blocks/OrganisationsBlock.svelte
index 8fbab2a..0a67fc3 100644
--- a/src/lib/components/blocks/OrganisationsBlock.svelte
+++ b/src/lib/components/blocks/OrganisationsBlock.svelte
@@ -102,6 +102,36 @@
     {#if o.description}
       <p class="line-clamp-2 text-xs text-stein-500">{o.description}</p>
     {/if}
+    {#if o.whatsapp || o.youtube}
+      <div class="mt-auto flex gap-1.5 pt-1">
+        {#if o.whatsapp}
+          <a
+            href={o.whatsapp}
+            target="_blank"
+            rel="noopener noreferrer"
+            title="WhatsApp"
+            onclick={(e) => e.stopPropagation()}
+            class="inline-flex items-center gap-1 rounded-sm border border-stein-200 bg-stein-50 px-2 py-0.5 text-[0.6rem] text-stein-600 no-underline transition-colors hover:border-green-300 hover:bg-green-50 hover:text-green-700"
+          >
+            <Icon icon="mdi:whatsapp" class="size-3 shrink-0" />
+            <span>WhatsApp</span>
+          </a>
+        {/if}
+        {#if o.youtube}
+          <a
+            href={o.youtube}
+            target="_blank"
+            rel="noopener noreferrer"
+            title="YouTube"
+            onclick={(e) => e.stopPropagation()}
+            class="inline-flex items-center gap-1 rounded-sm border border-stein-200 bg-stein-50 px-2 py-0.5 text-[0.6rem] text-stein-600 no-underline transition-colors hover:border-red-300 hover:bg-red-50 hover:text-red-700"
+          >
+            <Icon icon="mdi:youtube" class="size-3 shrink-0" />
+            <span>YouTube</span>
+          </a>
+        {/if}
+      </div>
+    {/if}
   </Card>
 {/snippet}