From 019c6cf90e6af72d3fcbc43758948e0219b5331e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= <andre.jaenisch@posteo.de>
Date: Sun, 16 Jun 2024 17:27:46 +0200
Subject: [PATCH] docs: create stories for new components
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

I also introduce Person24 as fallback avatar and grant it a new icon in
Storybook as consequence.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
---
 stories/icons/Person24.stories.ts    | 36 ++++++++++++++++++++++
 stories/molecules/Project.stories.ts | 46 ++++++++++++++++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 stories/icons/Person24.stories.ts
 create mode 100644 stories/molecules/Project.stories.ts

diff --git a/stories/icons/Person24.stories.ts b/stories/icons/Person24.stories.ts
new file mode 100644
index 0000000..48c9a3e
--- /dev/null
+++ b/stories/icons/Person24.stories.ts
@@ -0,0 +1,36 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2020-present Eric Liu
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ */
+
+/*
+ * SPDX-FileCopyrightText: 2020 - 2024 Eric Liu
+ * SPDX-License-Identifier: MIT
+ */
+
+import type { Meta, StoryObj } from '@storybook/svelte';
+import { Person24 } from 'svelte-octicons';
+
+const meta = {
+	title: 'Icons/Person24',
+	component: Person24,
+	tags: ['autodocs'],
+	argTypes: {
+		fill: {
+			control: 'color'
+		}
+	}
+} satisfies Meta<Person24>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Plain: Story = {};
diff --git a/stories/molecules/Project.stories.ts b/stories/molecules/Project.stories.ts
new file mode 100644
index 0000000..86739d0
--- /dev/null
+++ b/stories/molecules/Project.stories.ts
@@ -0,0 +1,46 @@
+/* Stories for Project molecule.
+ * Copyright (C) 2024 André Jaenisch
+ * SPDX-FileCopyrightText: 2024 André Jaenisch
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import Project from '$lib/components/molecules/Project.svelte';
+
+const meta = {
+	title: 'Molecules/Project',
+	component: Project,
+	tags: ['autodocs']
+} satisfies Meta<Project>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Plain: Story = {
+	args: {
+		collaborators: [
+			{
+				preferredUsername: 'Your favourite Project Manager'
+			}
+		],
+		i18n: {
+			buttons: {
+				fork: 'page.profile.projects.actions.fork',
+				star: 'page.profile.projects.actions.star',
+				watch: 'page.profile.projects.actions.watch'
+			}
+		},
+		project: {
+			name: 'Story time',
+			summary:
+				'This is the space in which we can tell you about all the amazing things in the backburner!'
+		}
+	}
+};