Skip to content

Commit

Permalink
fix(storybook): fix vrt on loading button (#275)
Browse files Browse the repository at this point in the history
  • Loading branch information
@TheSisb
TheSisb committed Jan 24, 2020
1 parent 8ba16e4 commit a560e89
Showing 1 changed file with 28 additions and 21 deletions.
49 changes: 28 additions & 21 deletions packages/paste-core/components/button/stories/index.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,13 @@ const ButtonSizeOptions = ['', 'default', 'small', 'icon', 'reset'];
const ButtonVariantOptions = ['primary', 'secondary', 'destructive', 'destructive_link', 'link', 'reset'];
const ButtonTabIndexOptions = [0, -1];

const IS_VRT_ENV = (() => {
if (!window || !window.location || !window.location.href) {
return true;
}
return Boolean(new URL(window.location.href).searchParams.get('eyes-storybook'));
})();

storiesOf('Components|Button', module)
.addDecorator(withKnobs)
.add('Text only', () => {
Expand Down Expand Up @@ -83,7 +90,7 @@ storiesOf('Components|Button', module)
<Button variant="primary" size={size}>
Primary
</Button>
<Button variant="primary" size={size} loading>
<Button variant="primary" size={size} loading={!IS_VRT_ENV}>
Primary
</Button>
<Button variant="primary" size={size} disabled>
Expand All @@ -95,7 +102,7 @@ storiesOf('Components|Button', module)
<Button variant="primary" size="small">
Primary
</Button>
<Button variant="primary" size="small" loading>
<Button variant="primary" size="small" loading={!IS_VRT_ENV}>
Primary
</Button>
<Button variant="primary" size="small" disabled>
Expand All @@ -107,7 +114,7 @@ storiesOf('Components|Button', module)
<Button variant="primary" size="icon">
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="primary" size="icon" loading>
<Button variant="primary" size="icon" loading={!IS_VRT_ENV}>
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="primary" size="icon" disabled>
Expand All @@ -119,7 +126,7 @@ storiesOf('Components|Button', module)
<Button variant="primary" size="reset">
Primary
</Button>
<Button variant="primary" size="reset" loading>
<Button variant="primary" size="reset" loading={!IS_VRT_ENV}>
Primary
</Button>
<Button variant="primary" size="reset" disabled>
Expand All @@ -131,7 +138,7 @@ storiesOf('Components|Button', module)
<Button variant="secondary" size={size}>
Secondary
</Button>
<Button variant="secondary" size={size} loading>
<Button variant="secondary" size={size} loading={!IS_VRT_ENV}>
Secondary
</Button>
<Button variant="secondary" size={size} disabled>
Expand All @@ -143,7 +150,7 @@ storiesOf('Components|Button', module)
<Button variant="secondary" size="small">
Secondary
</Button>
<Button variant="secondary" size="small" loading>
<Button variant="secondary" size="small" loading={!IS_VRT_ENV}>
Secondary
</Button>
<Button variant="secondary" size="small" disabled>
Expand All @@ -155,7 +162,7 @@ storiesOf('Components|Button', module)
<Button variant="secondary" size="icon">
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="secondary" size="icon" loading>
<Button variant="secondary" size="icon" loading={!IS_VRT_ENV}>
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="secondary" size="icon" disabled>
Expand All @@ -167,7 +174,7 @@ storiesOf('Components|Button', module)
<Button variant="secondary" size="reset">
Secondary
</Button>
<Button variant="secondary" size="reset" loading>
<Button variant="secondary" size="reset" loading={!IS_VRT_ENV}>
Secondary
</Button>
<Button variant="secondary" size="reset" disabled>
Expand All @@ -179,7 +186,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive" size={size}>
Destructive
</Button>
<Button variant="destructive" size={size} loading>
<Button variant="destructive" size={size} loading={!IS_VRT_ENV}>
Destructive
</Button>
<Button variant="destructive" size={size} disabled>
Expand All @@ -191,7 +198,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive" size="small">
Destructive
</Button>
<Button variant="destructive" size="small" loading>
<Button variant="destructive" size="small" loading={!IS_VRT_ENV}>
Destructive
</Button>
<Button variant="destructive" size="small" disabled>
Expand All @@ -203,7 +210,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive" size="icon">
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="destructive" size="icon" loading>
<Button variant="destructive" size="icon" loading={!IS_VRT_ENV}>
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="destructive" size="icon" disabled>
Expand All @@ -215,7 +222,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive" size="reset">
Destructive
</Button>
<Button variant="destructive" size="reset" loading>
<Button variant="destructive" size="reset" loading={!IS_VRT_ENV}>
Destructive
</Button>
<Button variant="destructive" size="reset" disabled>
Expand All @@ -227,7 +234,7 @@ storiesOf('Components|Button', module)
<Button variant="link" size={size}>
Link
</Button>
<Button variant="link" size={size} loading>
<Button variant="link" size={size} loading={!IS_VRT_ENV}>
Link
</Button>
<Button variant="link" size={size} disabled>
Expand All @@ -239,7 +246,7 @@ storiesOf('Components|Button', module)
<Button variant="link" size="small">
Link
</Button>
<Button variant="link" size="small" loading>
<Button variant="link" size="small" loading={!IS_VRT_ENV}>
Link
</Button>
<Button variant="link" size="small" disabled>
Expand All @@ -251,7 +258,7 @@ storiesOf('Components|Button', module)
<Button variant="link" size="icon">
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="link" size="icon" loading>
<Button variant="link" size="icon" loading={!IS_VRT_ENV}>
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="link" size="icon" disabled>
Expand All @@ -263,7 +270,7 @@ storiesOf('Components|Button', module)
<Button variant="link" size="reset">
Link
</Button>
<Button variant="link" size="reset" loading>
<Button variant="link" size="reset" loading={!IS_VRT_ENV}>
Link
</Button>
<Button variant="link" size="reset" disabled>
Expand All @@ -275,7 +282,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive_link" size={size}>
Destructive Link
</Button>
<Button variant="destructive_link" size={size} loading>
<Button variant="destructive_link" size={size} loading={!IS_VRT_ENV}>
Destructive Link
</Button>
<Button variant="destructive_link" size={size} disabled>
Expand All @@ -287,7 +294,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive_link" size="small">
Destructive Link
</Button>
<Button variant="destructive_link" size="small" loading>
<Button variant="destructive_link" size="small" loading={!IS_VRT_ENV}>
Destructive Link
</Button>
<Button variant="destructive_link" size="small" disabled>
Expand All @@ -299,7 +306,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive_link" size="icon">
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="destructive_link" size="icon" loading>
<Button variant="destructive_link" size="icon" loading={!IS_VRT_ENV}>
<PlusIcon decorative={false} title="Add to cart" />
</Button>
<Button variant="destructive_link" size="icon" disabled>
Expand All @@ -311,7 +318,7 @@ storiesOf('Components|Button', module)
<Button variant="destructive_link" size="reset">
Destructive Link
</Button>
<Button variant="destructive_link" size="reset" loading>
<Button variant="destructive_link" size="reset" loading={!IS_VRT_ENV}>
Destructive Link
</Button>
<Button variant="destructive_link" size="reset" disabled>
Expand All @@ -322,7 +329,7 @@ storiesOf('Components|Button', module)
<Button variant="reset" size="reset">
Reset
</Button>
<Button variant="reset" size="reset" loading>
<Button variant="reset" size="reset" loading={!IS_VRT_ENV}>
Reset
</Button>
<Button variant="reset" size="reset" disabled>
Expand Down

1 comment on commit a560e89

@vercel
Copy link

@vercel vercel bot commented on a560e89 Jan 24, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to following URLs:

Please sign in to comment.