chore: add image stories for blobs
This commit is contained in:
parent
bb113972b1
commit
acb5120455
3 changed files with 34 additions and 5 deletions
|
@ -1,6 +1,11 @@
|
||||||
import type { Meta, StoryObj } from "@storybook/svelte";
|
import type { Meta, StoryObj } from "@storybook/svelte";
|
||||||
import BlobPreview from "../components/display/BlobPreview.svelte";
|
import BlobPreview from "../components/display/BlobPreview.svelte";
|
||||||
import { videoAddress, videoVerticalAddress } from "./common";
|
import {
|
||||||
|
imageAddress,
|
||||||
|
imageVerticalAddress,
|
||||||
|
videoAddress,
|
||||||
|
videoVerticalAddress,
|
||||||
|
} from "./common";
|
||||||
|
|
||||||
const meta: Meta<BlobPreview> = {
|
const meta: Meta<BlobPreview> = {
|
||||||
title: "Blobs/BlobPreview",
|
title: "Blobs/BlobPreview",
|
||||||
|
@ -12,7 +17,14 @@ const meta: Meta<BlobPreview> = {
|
||||||
export default meta;
|
export default meta;
|
||||||
type Story = StoryObj<BlobPreview>;
|
type Story = StoryObj<BlobPreview>;
|
||||||
|
|
||||||
// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
|
export const Image: Story = {
|
||||||
|
args: { address: imageAddress },
|
||||||
|
};
|
||||||
|
|
||||||
|
export const ImageVertical: Story = {
|
||||||
|
args: { address: imageVerticalAddress },
|
||||||
|
};
|
||||||
|
|
||||||
export const Video: Story = {
|
export const Video: Story = {
|
||||||
args: { address: videoAddress },
|
args: { address: videoAddress },
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
import type { Meta, StoryObj } from "@storybook/svelte";
|
import type { Meta, StoryObj } from "@storybook/svelte";
|
||||||
import BlobViewer from "../components/display/BlobViewer.svelte";
|
import BlobViewer from "../components/display/BlobViewer.svelte";
|
||||||
import { videoAddress, videoVerticalAddress } from "./common";
|
import {
|
||||||
|
imageAddress,
|
||||||
|
imageVerticalAddress,
|
||||||
|
videoAddress,
|
||||||
|
videoVerticalAddress,
|
||||||
|
} from "./common";
|
||||||
|
|
||||||
const meta: Meta<BlobViewer> = {
|
const meta: Meta<BlobViewer> = {
|
||||||
title: "Blobs/BlobViewer",
|
title: "Blobs/BlobViewer",
|
||||||
|
@ -18,7 +23,14 @@ const meta: Meta<BlobViewer> = {
|
||||||
export default meta;
|
export default meta;
|
||||||
type Story = StoryObj<BlobViewer>;
|
type Story = StoryObj<BlobViewer>;
|
||||||
|
|
||||||
// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
|
export const Image: Story = {
|
||||||
|
args: { address: imageAddress },
|
||||||
|
};
|
||||||
|
|
||||||
|
export const ImageVertical: Story = {
|
||||||
|
args: { address: imageVerticalAddress },
|
||||||
|
};
|
||||||
|
|
||||||
export const Video: Story = {
|
export const Video: Story = {
|
||||||
args: { address: videoAddress },
|
args: { address: videoAddress },
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,2 +1,7 @@
|
||||||
|
export const imageAddress = "zQmQ91HTsWMpuoHPJXf1B95Jp9QU2R2WSzZYLL1vNNivmkE";
|
||||||
|
export const imageVerticalAddress =
|
||||||
|
"zQmd9ZbZKMm92oVgCdf7DpHCxJE9Vkb1JXNxXfgVcxLXnwc";
|
||||||
|
|
||||||
export const videoAddress = "zQmeQHYJRniFnkFhG8fDNKQmwqHJW9rLyhX5WCnoDtg7wWa";
|
export const videoAddress = "zQmeQHYJRniFnkFhG8fDNKQmwqHJW9rLyhX5WCnoDtg7wWa";
|
||||||
export const videoVerticalAddress = "zQmfJtFbrckn8ZXFuEpL2tbaQGSjv7smTamd2TSTYQGidwt";
|
export const videoVerticalAddress =
|
||||||
|
"zQmfJtFbrckn8ZXFuEpL2tbaQGSjv7smTamd2TSTYQGidwt";
|
||||||
|
|
Loading…
Reference in a new issue