Update stories
This commit is contained in:
dominik-zeglen
parent
35324951ec
commit
a503f08538
2 changed files with 264 additions and 1 deletions
|
|
@ -80959,6 +80959,90 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
|
||||||
<div
|
<div
|
||||||
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
|
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
|
<div
|
||||||
class="ResponsiveTable-root-id"
|
class="ResponsiveTable-root-id"
|
||||||
>
|
>
|
||||||
|
|
@ -81244,6 +81328,90 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
|
||||||
<div
|
<div
|
||||||
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
|
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
|
<div
|
||||||
class="ResponsiveTable-root-id"
|
class="ResponsiveTable-root-id"
|
||||||
>
|
>
|
||||||
|
|
@ -81499,6 +81667,90 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
|
||||||
<div
|
<div
|
||||||
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
|
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
|
<div
|
||||||
class="ResponsiveTable-root-id"
|
class="ResponsiveTable-root-id"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,11 @@ import { storiesOf } from "@storybook/react";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
import { PluginListUrlSortField } from "@saleor/plugins/urls";
|
import { PluginListUrlSortField } from "@saleor/plugins/urls";
|
||||||
import { pageListProps, sortPageProps } from "../../../fixtures";
|
import {
|
||||||
|
pageListProps,
|
||||||
|
sortPageProps,
|
||||||
|
filterPageProps
|
||||||
|
} from "../../../fixtures";
|
||||||
import PluginsListPage, {
|
import PluginsListPage, {
|
||||||
PluginsListPageProps
|
PluginsListPageProps
|
||||||
} from "../../../plugins/components/PluginsListPage";
|
} from "../../../plugins/components/PluginsListPage";
|
||||||
|
|
@ -12,6 +16,13 @@ import Decorator from "../../Decorator";
|
||||||
const props: PluginsListPageProps = {
|
const props: PluginsListPageProps = {
|
||||||
...pageListProps.default,
|
...pageListProps.default,
|
||||||
...sortPageProps,
|
...sortPageProps,
|
||||||
|
...filterPageProps,
|
||||||
|
filterOpts: {
|
||||||
|
isActive: {
|
||||||
|
active: false,
|
||||||
|
value: true
|
||||||
|
}
|
||||||
|
},
|
||||||
onBack: () => undefined,
|
onBack: () => undefined,
|
||||||
plugins: pluginList,
|
plugins: pluginList,
|
||||||
sort: {
|
sort: {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue