djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update stories

Browse source
This commit is contained in:
dominik-zeglen 2020-01-10 17:34:30 +01:00
parent 35324951ec
commit a503f08538
2 changed files with 264 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

252
src/storybook/__snapshots__/Stories.test.ts.snap
View file

@ -80959,6 +80959,90 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
<div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
>
<div
class="MuiTabs-root-id FilterTabs-tabsRoot-id"
>
<div
class="MuiTabs-scroller-id MuiTabs-fixed-id"
style="overflow:hidden"
>
<div
class="MuiTabs-flexContainer-id"
role="tablist"
>
<button
class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
role="tab"
tabindex="0"
type="button"
>
<span
class="MuiTab-wrapper-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
>
All Plugins
</span>
</button>
<button
class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
role="tab"
tabindex="0"
type="button"
>
<span
class="MuiTab-wrapper-id FilterTab-tabLabel-id"
>
Tab X
</span>
</button>
</div>
</div>
</div>
<div
class="FilterBar-root-id"
>
<div>
<button
class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
tabindex="0"
type="button"
>
<div
class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
>
Filters
</div>
</button>
</div>
<div
class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id SearchInput-input-id"
placeholder="Search Plugins..."
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0.01px"
>
<span>
​
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<div
class="ResponsiveTable-root-id"
>
@ -81244,6 +81328,90 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
<div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
>
<div
class="MuiTabs-root-id FilterTabs-tabsRoot-id"
>
<div
class="MuiTabs-scroller-id MuiTabs-fixed-id"
style="overflow:hidden"
>
<div
class="MuiTabs-flexContainer-id"
role="tablist"
>
<button
class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
role="tab"
tabindex="0"
type="button"
>
<span
class="MuiTab-wrapper-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
>
All Plugins
</span>
</button>
<button
class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
role="tab"
tabindex="0"
type="button"
>
<span
class="MuiTab-wrapper-id FilterTab-tabLabel-id"
>
Tab X
</span>
</button>
</div>
</div>
</div>
<div
class="FilterBar-root-id"
>
<div>
<button
class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
tabindex="0"
type="button"
>
<div
class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
>
Filters
</div>
</button>
</div>
<div
class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id SearchInput-input-id"
placeholder="Search Plugins..."
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0.01px"
>
<span>
​
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<div
class="ResponsiveTable-root-id"
>
@ -81499,6 +81667,90 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
<div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
>
<div
class="MuiTabs-root-id FilterTabs-tabsRoot-id"
>
<div
class="MuiTabs-scroller-id MuiTabs-fixed-id"
style="overflow:hidden"
>
<div
class="MuiTabs-flexContainer-id"
role="tablist"
>
<button
class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
role="tab"
tabindex="0"
type="button"
>
<span
class="MuiTab-wrapper-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
>
All Plugins
</span>
</button>
<button
class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
role="tab"
tabindex="0"
type="button"
>
<span
class="MuiTab-wrapper-id FilterTab-tabLabel-id"
>
Tab X
</span>
</button>
</div>
</div>
</div>
<div
class="FilterBar-root-id"
>
<div>
<button
class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
tabindex="0"
type="button"
>
<div
class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
>
Filters
</div>
</button>
</div>
<div
class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
>
<div
class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
>
<input
aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id SearchInput-input-id"
placeholder="Search Plugins..."
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
style="padding-left:8px"
>
<legend
class="PrivateNotchedOutline-legend-id"
style="width:0.01px"
>
<span>
​
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<div
class="ResponsiveTable-root-id"
>

13
src/storybook/stories/plugins/PluginsListPage.tsx
View file

@ -2,7 +2,11 @@ import { storiesOf } from "@storybook/react";
import React from "react";
import { PluginListUrlSortField } from "@saleor/plugins/urls";
import { pageListProps, sortPageProps } from "../../../fixtures";
import {
pageListProps,
sortPageProps,
filterPageProps
} from "../../../fixtures";
import PluginsListPage, {
PluginsListPageProps
} from "../../../plugins/components/PluginsListPage";
@ -12,6 +16,13 @@ import Decorator from "../../Decorator";
const props: PluginsListPageProps = {
...pageListProps.default,
...sortPageProps,
...filterPageProps,
filterOpts: {
isActive: {
active: false,
value: true
}
},
onBack: () => undefined,
plugins: pluginList,
sort: {