Migrated Storybook notation from CSF2 to CSF3 (#3412)

* Migrate web action-buttons directory to CSF3 notation

* Migrate web chat directory to CSF3 notation

* Migrate web common directory to CSF3 notation

* Migrate web layout directory to CSF3 notation

* Migrate web modals directory to CSF3 notation

* Migrate web ui directory to CSF3 notation

* Migrate web video directory to CSF3 notation

* Migrate web stories directory to CSF3 notation
This commit is contained in:
kame
2023-11-07 12:35:05 +09:00
committed by GitHub
parent b08511b9d1
commit 4f078e1ee4
44 changed files with 975 additions and 789 deletions

View File

@@ -1,8 +1,7 @@
import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { Meta } from '@storybook/react';
import { VideoPoster } from './VideoPoster';
export default {
const meta = {
title: 'owncast/Player/Video poster',
component: VideoPoster,
parameters: {
@@ -17,29 +16,30 @@ export default {
},
},
},
} as ComponentMeta<typeof VideoPoster>;
} satisfies Meta<typeof VideoPoster>;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const Template: ComponentStory<typeof VideoPoster> = args => <VideoPoster {...args} />;
export default meta;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const Example1 = Template.bind({});
Example1.args = {
initialSrc: 'https://watch.owncast.online/logo',
src: 'https://watch.owncast.online/thumbnail.jpg',
online: true,
export const Example1 = {
args: {
initialSrc: 'https://watch.owncast.online/logo',
src: 'https://watch.owncast.online/thumbnail.jpg',
online: true,
},
};
export const Example2 = Template.bind({});
Example2.args = {
initialSrc: 'https://listen.batstationrad.io/logo',
src: 'https://listen.batstationrad.io//thumbnail.jpg',
online: true,
export const Example2 = {
args: {
initialSrc: 'https://listen.batstationrad.io/logo',
src: 'https://listen.batstationrad.io//thumbnail.jpg',
online: true,
},
};
export const Offline = Template.bind({});
Offline.args = {
initialSrc: 'https://watch.owncast.online/logo',
src: 'https://watch.owncast.online/thumbnail.jpg',
online: false,
export const Offline = {
args: {
initialSrc: 'https://watch.owncast.online/logo',
src: 'https://watch.owncast.online/thumbnail.jpg',
online: false,
},
};