uniq export names for animations

This commit is contained in:
August Skare 2018-11-20 15:18:09 +01:00
parent b0c22a222e
commit 339ec3e8eb
8 changed files with 15 additions and 15 deletions

View File

@ -8,4 +8,4 @@ const CompilerAnimation: React.StatelessComponent<{}> = () => (
<BaseAnimation animationData={animationData} width={2150} height={700} /> <BaseAnimation animationData={animationData} width={2150} height={700} />
); );
export { CompilerAnimation as Animation }; export { CompilerAnimation };

View File

@ -4,8 +4,8 @@ import { BaseAnimation } from '../index';
import * as animationData from './data.json'; import * as animationData from './data.json';
const AnimationCov: React.StatelessComponent<{}> = () => ( const CovAnimation: React.StatelessComponent<{}> = () => (
<BaseAnimation animationData={animationData} width={1981} height={660} /> <BaseAnimation animationData={animationData} width={1981} height={660} />
); );
export { AnimationCov as Animation }; export { CovAnimation };

View File

@ -4,8 +4,8 @@ import { BaseAnimation } from '../index';
import * as animationData from './data.json'; import * as animationData from './data.json';
const AnimationProfiler: React.StatelessComponent<{}> = () => ( const ProfilerAnimation: React.StatelessComponent<{}> = () => (
<BaseAnimation animationData={animationData} width={1985} height={657} /> <BaseAnimation animationData={animationData} width={1985} height={657} />
); );
export { AnimationProfiler as Animation }; export { ProfilerAnimation };

View File

@ -4,8 +4,8 @@ import { BaseAnimation } from '../index';
import * as animationData from './data.json'; import * as animationData from './data.json';
const AnimationTrace: React.StatelessComponent<{}> = () => ( const TraceAnimation: React.StatelessComponent<{}> = () => (
<BaseAnimation animationData={animationData} width={2241} height={610} /> <BaseAnimation animationData={animationData} width={2241} height={610} />
); );
export { AnimationTrace as Animation }; export { TraceAnimation };

View File

@ -18,8 +18,8 @@ const Animation = Loadable({
loader: () => System.import(/* webpackChunkName: 'compiler-animation' */ 'ts/components/animations/compiler'), loader: () => System.import(/* webpackChunkName: 'compiler-animation' */ 'ts/components/animations/compiler'),
loading: () => <div />, loading: () => <div />,
delay: 1000, delay: 1000,
render(loadable: { Animation: any }): React.ReactNode { render(loadable: { CompilerAnimation: any }): React.ReactNode {
const Component = loadable.Animation; const Component = loadable.CompilerAnimation;
return <Component />; return <Component />;
}, },
}); });

View File

@ -19,8 +19,8 @@ const Animation = Loadable({
loader: () => System.import(/* webpackChunkName: 'cov-animation' */ 'ts/components/animations/cov'), loader: () => System.import(/* webpackChunkName: 'cov-animation' */ 'ts/components/animations/cov'),
loading: () => <div />, loading: () => <div />,
delay: 1000, delay: 1000,
render(loadable: { Animation: any }): React.ReactNode { render(loadable: { CovAnimation: any }): React.ReactNode {
const Component = loadable.Animation; const Component = loadable.CovAnimation;
return <Component />; return <Component />;
}, },
}); });

View File

@ -19,8 +19,8 @@ const Animation = Loadable({
loader: () => System.import(/* webpackChunkName: 'profiler-animation' */ 'ts/components/animations/profiler'), loader: () => System.import(/* webpackChunkName: 'profiler-animation' */ 'ts/components/animations/profiler'),
loading: () => <div />, loading: () => <div />,
delay: 1000, delay: 1000,
render(loadable: { Animation: any }): React.ReactNode { render(loadable: { ProfilerAnimation: any }): React.ReactNode {
const Component = loadable.Animation; const Component = loadable.ProfilerAnimation;
return <Component />; return <Component />;
}, },
}); });

View File

@ -19,8 +19,8 @@ const Animation = Loadable({
loader: () => System.import(/* webpackChunkName: 'trace-animation' */ 'ts/components/animations/trace'), loader: () => System.import(/* webpackChunkName: 'trace-animation' */ 'ts/components/animations/trace'),
loading: () => <div />, loading: () => <div />,
delay: 1000, delay: 1000,
render(loadable: { Animation: any }): React.ReactNode { render(loadable: { TraceAnimation: any }): React.ReactNode {
const Component = loadable.Animation; const Component = loadable.TraceAnimation;
return <Component />; return <Component />;
}, },
}); });