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}

{o.description}

{/if} + {#if o.whatsapp || o.youtube} +
+ {#if o.whatsapp} + 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" + > + + WhatsApp + + {/if} + {#if o.youtube} + 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" + > + + YouTube + + {/if} +
+ {/if} {/snippet}