Skip to content

Commit

Permalink
chore: nojo
Browse files Browse the repository at this point in the history
  • Loading branch information
@dougfabris
dougfabris committed Jan 22, 2024
1 parent d3d690f commit 079729b
Showing 1 changed file with 30 additions and 30 deletions.
60 changes: 30 additions & 30 deletions packages/ui-client/src/components/Header/Header.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@ import {
HeaderContent,
HeaderContentRow,
HeaderIcon,
HeaderToolbox,
HeaderToolboxAction,
HeaderToolboxActionBadge,
HeaderToolbar,
HeaderToolbarAction,
HeaderToolbarActionBadge,
HeaderTitle,
HeaderState,
HeaderSubtitle,
Expand All @@ -25,8 +25,8 @@ export default {
title: 'Components/Header',
component: Header,
subcomponents: {
HeaderToolbox,
HeaderToolboxAction,
HeaderToolbar,
HeaderToolbarAction,
HeaderAvatar,
HeaderContent,
HeaderContentRow,
Expand Down Expand Up @@ -103,19 +103,19 @@ export const Default = () => (
<HeaderSubtitle>{room.name}</HeaderSubtitle>
</HeaderContentRow>
</HeaderContent>
<HeaderToolbox>
<HeaderToolboxAction icon='magnifier' />
<HeaderToolboxAction icon='key' />
<HeaderToolboxAction icon='kebab' />
</HeaderToolbox>
<HeaderToolbar>
<HeaderToolbarAction icon='magnifier' />
<HeaderToolbarAction icon='key' />
<HeaderToolbarAction icon='kebab' />
</HeaderToolbar>
</Header>
);

export const WithBurger = () => (
<Header>
<HeaderToolbox>
<HeaderToolboxAction icon='burger' />
</HeaderToolbox>
<HeaderToolbar>
<HeaderToolbarAction icon='burger' />
</HeaderToolbar>
<HeaderAvatar>{avatar}</HeaderAvatar>
<HeaderContent>
<HeaderContentRow>
Expand All @@ -129,11 +129,11 @@ export const WithBurger = () => (
<HeaderSubtitle>{room.name}</HeaderSubtitle>
</HeaderContentRow>
</HeaderContent>
<HeaderToolbox>
<HeaderToolboxAction icon='magnifier' />
<HeaderToolboxAction icon='key' />
<HeaderToolboxAction icon='kebab' />
</HeaderToolbox>
<HeaderToolbar>
<HeaderToolbarAction icon='magnifier' />
<HeaderToolbarAction icon='key' />
<HeaderToolbarAction icon='kebab' />
</HeaderToolbar>
</Header>
);

Expand All @@ -150,17 +150,17 @@ export const WithActionBadge = () => (
<HeaderSubtitle>{room.name}</HeaderSubtitle>
</HeaderContentRow>
</HeaderContent>
<HeaderToolbox>
<HeaderToolboxAction icon='phone'>
<HeaderToolboxActionBadge variant='primary'>1</HeaderToolboxActionBadge>
</HeaderToolboxAction>
<HeaderToolboxAction icon='phone'>
<HeaderToolboxActionBadge variant='danger'>2</HeaderToolboxActionBadge>
</HeaderToolboxAction>
<HeaderToolboxAction icon='phone'>
<HeaderToolboxActionBadge variant='warning'>99</HeaderToolboxActionBadge>
</HeaderToolboxAction>
<HeaderToolboxAction icon='kebab' />
</HeaderToolbox>
<HeaderToolbar>
<HeaderToolbarAction icon='phone'>
<HeaderToolbarActionBadge variant='primary'>1</HeaderToolbarActionBadge>
</HeaderToolbarAction>
<HeaderToolbarAction icon='phone'>
<HeaderToolbarActionBadge variant='danger'>2</HeaderToolbarActionBadge>
</HeaderToolbarAction>
<HeaderToolbarAction icon='phone'>
<HeaderToolbarActionBadge variant='warning'>99</HeaderToolbarActionBadge>
</HeaderToolbarAction>
<HeaderToolbarAction icon='kebab' />
</HeaderToolbar>
</Header>
);

0 comments on commit 079729b

Please sign in to comment.