GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 03:01:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

IMPROVE the loading of the storybook UI

Browse Source
This commit is contained in:
Norbert de Langen 2020-04-16 13:48:39 +02:00
parent 1f27b252a6
commit ce6f34b512
No known key found for this signature in database
GPG Key ID: 976651DA156C2825
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/ui/src/app.tsx
View File

@ -58,11 +58,7 @@ const App = React.memo<AppProps>(
);
if (!width || !height) {
content = (
<div>
{width} x {height}
</div>
);
content = <div />;
} else if (width < 600) {
content = <Mobile {...props} viewMode={viewMode} options={layout} />;
} else {

14
lib/ui/src/components/preview/FramesRenderer.tsx
View File

@ -4,6 +4,18 @@ import { IFrame } from './iframe';
import { FramesRendererProps } from './utils/types';
import { stringifyQueryParams } from './utils/stringifyQueryParams';
const getActive = (refId, storyId) => {
if (storyId === '*') {
return undefined;
}
if (refId) {
return `storybook-ref-${refId}`;
}
return 'storybook-preview-iframe';
};
export const FramesRenderer: FunctionComponent<FramesRendererProps> = ({
refs,
story,
@ -15,7 +27,7 @@ export const FramesRenderer: FunctionComponent<FramesRendererProps> = ({
storyId,
}) => {
const stringifiedQueryParams = stringifyQueryParams(queryParams);
const active = refId ? `storybook-ref-${refId}` : 'storybook-preview-iframe';
const active = getActive(refId, storyId);
const styles = useMemo<CSSObject>(() => {
return {