self-hosted/teleport
self-hosted/teleport
1
0
Fork 0
mirror of https://github.com/gravitational/teleport synced 2024-10-20 17:23:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix storybook sorting

Browse source
This commit is contained in:
Alexey Kontsevoy 2019-11-23 18:01:49 -05:00
parent acc3ea4f58
commit 938e9df587
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
web/.storybook/config.js
View file

@ -15,12 +15,22 @@ limitations under the License.
*/
import React from 'react';
import { configure } from '@storybook/react';
import { configure, addParameters } from '@storybook/react';
import { addDecorator } from '@storybook/react';
import theme from './../packages/design/src/theme';
import ThemeProvider from './../packages/design/src/ThemeProvider';
import Box from './../packages/design/src/Box';
const reqs = require.context('./../packages/', true, /\.story.(js|tsx)$/);
function storySort(moduleA, moduleB) {
return moduleA[1].id.localeCompare(moduleB[1].id);
}
function loadStories() {
reqs.keys().forEach(reqs);
}
const ThemeDecorator = storyFn => (
<ThemeProvider theme={theme}>
<Box p={3}>{storyFn()}</Box>
@ -28,10 +38,13 @@ const ThemeDecorator = storyFn => (
);
addDecorator(ThemeDecorator);
const reqs = require.context('./../packages/', true, /\.story.(js|tsx)$/);
const loadStories = () => {
reqs.keys().forEach(reqs);
};
addParameters({
options: {
showPanel: false,
showNav: true,
isToolshown: true,
storySort,
},
});
configure(loadStories, module);