chore: stories

webui/src/stories/Gallery.stories.ts

@@ -18,7 +18,6 @@ const meta: Meta<Gallery> = {
       imageVerticalAddress,
       videoAddress,
       videoVerticalAddress,
-  
     ],
   },
   decorators: [() => RouterDecorator],
@@ -27,14 +26,14 @@ const meta: Meta<Gallery> = {
 export default meta;
 type Story = StoryObj<Gallery>;
 
-export const Plain: Story = {
-  args: {
-    thumbnails: false,
-  },
-};
-
 export const Thumbnails: Story = {
   args: {
     thumbnails: true,
   },
 };
+
+export const Plain: Story = {
+  args: {
+    thumbnails: false,
+  },
+};

webui/src/stories/UpObject.stories.ts

@@ -28,7 +28,7 @@ export default meta;
 type Story = StoryObj<UpObject>;
 
 // 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"],
+  },
+};

webui/src/stories/UpObjectCard.stories.ts

@@ -19,16 +19,28 @@ const meta: Meta<UpObjectCard> = {
       type: "string",
     },
   },
-  decorators: [() => RouterDecorator]
+  decorators: [() => RouterDecorator],
 };
 
 export default meta;
 type Story = StoryObj<UpObjectCard>;
 
-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,
+  },
+};