From 6a862d2b07efcd898015a202053f3ce884609fb3 Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Mon, 1 Sep 2025 17:16:11 +0200
Subject: [PATCH] Add showLogo prop, tests

---
 .../ChartFooter/ChartFooter.stories.svelte    | 21 +++++++++++++++++++
 components/src/ChartFooter/ChartFooter.svelte |  7 +++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/components/src/ChartFooter/ChartFooter.stories.svelte b/components/src/ChartFooter/ChartFooter.stories.svelte
index e424c044..c4152153 100644
--- a/components/src/ChartFooter/ChartFooter.stories.svelte
+++ b/components/src/ChartFooter/ChartFooter.stories.svelte
@@ -1,6 +1,7 @@
 <script context="module">
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import DesignTokens from '../DesignTokens/DesignTokens.svelte';
+	import { expect } from 'storybook/test';
 
 	import ChartFooter from './ChartFooter.svelte';
 	import Middot from '../Middot/Middot.svelte';
@@ -33,6 +34,26 @@
 	</DesignTokens>
 </Story>
 
+<Story
+	name="One-up Centered, no Logo"
+	asChild
+	play={async ({ step }) => {
+		await step('Does not render the logo', async () => {
+			const el = document.querySelector('.container > svg');
+			expect(el).toBeFalsy();
+		});
+	}}
+>
+	<DesignTokens>
+		<ChartFooter layout="one-up" align="center" showLogo={false}>
+			Daten: <a href="#1">Zensus 2022</a>
+			(Durchschnittsmieten und Einwohnerzahlen),
+			<a href="#1">OpenStreetMap</a> (Kartenmaterial) <Middot /> In unserer Darstellung wurde das Zensusgitter
+			auf bewohnte Gebiete begrenzt.
+		</ChartFooter>
+	</DesignTokens>
+</Story>
+
 <Story name="Two-up" asChild>
 	<DesignTokens>
 		<ChartFooter layout="two-up">
diff --git a/components/src/ChartFooter/ChartFooter.svelte b/components/src/ChartFooter/ChartFooter.svelte
index c92fa5e9..647b9387 100644
--- a/components/src/ChartFooter/ChartFooter.svelte
+++ b/components/src/ChartFooter/ChartFooter.svelte
@@ -6,10 +6,11 @@
 	interface ChartFooterProps {
 		layout?: 'one-up' | 'two-up';
 		align?: 'left' | 'center';
+		showLogo?: boolean;
 		children?: Snippet;
 	}
 
-	let { layout = 'one-up', align = 'left', children }: ChartFooterProps = $props();
+	let { layout = 'one-up', align = 'left', showLogo = true, children }: ChartFooterProps = $props();
 </script>
 
 <footer class={`container ${layout} align-${align}`}>
@@ -18,7 +19,9 @@
 			{@render children()}
 		</Note>
 	{/if}
-	<Logotype />
+	{#if showLogo}
+		<Logotype />
+	{/if}
 </footer>
 
 <style lang="scss">