GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Hide addon panel while loading.

Browse Source
This commit is contained in:
Gert Hengeveld 2020-10-30 15:01:15 +01:00
parent effba9e367
commit fa5c843aa9
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
lib/ui/src/components/preview/preview.tsx
View File

@ -60,10 +60,9 @@ const createCanvas = (id: string, baseUrl = 'iframe.html', withLoader = true): A
...defaultWrappers,
]);
const isLoading = !!(
(!story && !(storiesFailed || storiesConfigured)) ||
(story && refId && refs[refId] && !refs[refId].ready)
);
const isLoading = story
? !!refs[refId] && !refs[refId].ready
: !storiesFailed && !storiesConfigured;
return (
<ZoomConsumer>

5
lib/ui/src/index.tsx
View File

@ -46,13 +46,16 @@ export const Root: FunctionComponent<RootProps> = ({ provider, history }) => (
{({ state, api }: Combo) => {
const panelCount = Object.keys(api.getPanels()).length;
const story = api.getData(state.storyId, state.refId);
const isLoading = story
? !!state.refs[state.refId] && !state.refs[state.refId].ready
: !state.storiesFailed && !state.storiesConfigured;
return (
<ThemeProvider key="theme.provider" theme={ensureTheme(state.theme)}>
<App
key="app"
viewMode={state.viewMode}
layout={state.layout}
layout={isLoading ? { ...state.layout, showPanel: false } : state.layout}
panelCount={panelCount}
docsOnly={story && story.parameters && story.parameters.docsOnly}
/>