LogalDeveloper/owncast
0
Fork 0
Code Activity

Migrated Storybook notation from CSF2 to CSF3 (#3412)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

54
web/components/action-buttons/ActionButton/ActionButton.stories.tsx
View File

@@ -1,9 +1,8 @@
import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { StoryFn, Meta } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { ActionButton } from './ActionButton';
export default {
const meta = {
title: 'owncast/Components/Action Buttons/Single button',
component: ActionButton,
parameters: {
@@ -13,38 +12,45 @@ export default {
},
},
},
} as ComponentMeta<typeof ActionButton>;
} satisfies Meta<typeof ActionButton>;
export default meta;
const itemSelected = a => {
console.log('itemSelected', a);
action(a.title);
};
const Template: ComponentStory<typeof ActionButton> = args => (
const Template: StoryFn<typeof ActionButton> = args => (
<ActionButton externalActionSelected={itemSelected} {...args} />
);
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const Example1 = Template.bind({});
Example1.args = {
action: {
url: 'https://owncast.online/docs',
title: 'Documentation',
description: 'Owncast Documentation',
icon: 'https://owncast.online/images/logo.svg',
color: '#5232c8',
openExternally: false,
export const Example1 = {
render: Template,
args: {
action: {
url: 'https://owncast.online/docs',
title: 'Documentation',
description: 'Owncast Documentation',
icon: 'https://owncast.online/images/logo.svg',
color: '#5232c8',
openExternally: false,
},
},
};
export const Example2 = Template.bind({});
Example2.args = {
action: {
url: 'https://opencollective.com/embed/owncast/donate',
title: 'Support Owncast',
description: 'Contribute to Owncast',
icon: 'https://opencollective.com/static/images/opencollective-icon.svg',
color: '#2b4863',
openExternally: false,
export const Example2 = {
render: Template,
args: {
action: {
url: 'https://opencollective.com/embed/owncast/donate',
title: 'Support Owncast',
description: 'Contribute to Owncast',
icon: 'https://opencollective.com/static/images/opencollective-icon.svg',
color: '#2b4863',
openExternally: false,
},
},
};