LogalDeveloper/owncast
0
Fork 0
Code Activity

Add action buttons and status bar

Browse Source
This commit is contained in:
Gabe Kangas
2022-05-07 16:13:06 -07:00
parent 448c23d097
commit f835ae5086
19 changed files with 191 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/stories/StatusBar.stories.tsx
View File

@@ -1,25 +1,25 @@
import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import StatusBar from '../components/video/StatusBar';
import { subHours } from 'date-fns';
import Statusbar from '../components/ui/Statusbar/Statusbar';
export default {
title: 'owncast/Status bar',
component: StatusBar,
component: Statusbar,
parameters: {},
} as ComponentMeta<typeof StatusBar>;
} as ComponentMeta<typeof Statusbar>;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const Template: ComponentStory<typeof StatusBar> = args => <StatusBar {...args} />;
const Template: ComponentStory<typeof Statusbar> = args => <Statusbar {...args} />;
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const Online = Template.bind({});
Online.args = {
online: true,
viewers: 42,
timer: '10:42',
viewerCount: 42,
lastConnectTime: subHours(new Date(), 3),
};
export const Offline = Template.bind({});
Offline.args = {
online: false,
lastDisconnectTime: subHours(new Date(), 3),
};