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>
This commit is contained in:
@@ -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"). */
|
||||
|
||||
@@ -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}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user