From d7920f6c15319261c142ea396a7c1c067e2fbb72 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= Date: Sat, 21 Jan 2023 18:55:50 +0100 Subject: [PATCH] chore: stories --- webui/src/stories/Gallery.stories.ts | 13 ++++++------- webui/src/stories/UpObject.stories.ts | 9 ++++++++- webui/src/stories/UpObjectCard.stories.ts | 16 ++++++++++++++-- 3 files changed, 28 insertions(+), 10 deletions(-) diff --git a/webui/src/stories/Gallery.stories.ts b/webui/src/stories/Gallery.stories.ts index 4ccec1b..577633c 100644 --- a/webui/src/stories/Gallery.stories.ts +++ b/webui/src/stories/Gallery.stories.ts @@ -18,7 +18,6 @@ const meta: Meta = { imageVerticalAddress, videoAddress, videoVerticalAddress, - ], }, decorators: [() => RouterDecorator], @@ -27,14 +26,14 @@ const meta: Meta = { export default meta; type Story = StoryObj; -export const Plain: Story = { - args: { - thumbnails: false, - }, -}; - export const Thumbnails: Story = { args: { thumbnails: true, }, }; + +export const Plain: Story = { + args: { + thumbnails: false, + }, +}; diff --git a/webui/src/stories/UpObject.stories.ts b/webui/src/stories/UpObject.stories.ts index 3ab3819..ef429a2 100644 --- a/webui/src/stories/UpObject.stories.ts +++ b/webui/src/stories/UpObject.stories.ts @@ -28,7 +28,7 @@ export default meta; type Story = StoryObj; // More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args -export const Plain: Story = {}; +export const Default: Story = {}; export const WithLabels: Story = { args: { @@ -48,3 +48,10 @@ export const Banner: Story = { banner: true, }, }; + +export const BannerWithLabels: Story = { + args: { + banner: true, + labels: ["Label 1", "Label B", "Label III"], + }, +}; diff --git a/webui/src/stories/UpObjectCard.stories.ts b/webui/src/stories/UpObjectCard.stories.ts index cfcd868..8887e4a 100644 --- a/webui/src/stories/UpObjectCard.stories.ts +++ b/webui/src/stories/UpObjectCard.stories.ts @@ -19,16 +19,28 @@ const meta: Meta = { type: "string", }, }, - decorators: [() => RouterDecorator] + decorators: [() => RouterDecorator], }; export default meta; type Story = StoryObj; -export const Plain: Story = {}; +export const Default: Story = {}; export const WithLabels: Story = { args: { labels: ["Label 1", "Label B", "Label III"], }, }; + +export const WithoutThumbnail: Story = { + args: { + thumbnail: false, + }, +}; + +export const Small: Story = { + args: { + banner: false, + }, +};