diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/pages/Compiler.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/pages/Compiler.tsx | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/pages/Compiler.tsx b/packages/dev-tools-pages/ts/pages/Compiler.tsx index 11c8c4a17..0db7c6204 100644 --- a/packages/dev-tools-pages/ts/pages/Compiler.tsx +++ b/packages/dev-tools-pages/ts/pages/Compiler.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import { render, hydrate } from 'react-dom'; +import * as Loadable from 'react-loadable'; import { Lead } from 'ts/components/Typography'; import context from 'ts/context/compiler'; @@ -10,10 +11,20 @@ import Code from 'ts/components/Code'; import InlineCode from 'ts/components/InlineCode'; import CompilerComponent from 'ts/components/Compiler'; import Breakout from 'ts/components/Breakout'; +import Hero from 'ts/components/Hero'; + +const Animation = Loadable({ + loader: () => System.import(/* webpackChunkName: 'compiler-animation' */ 'ts/components/Animations/Compiler'), + loading: () => <div />, + delay: 1000, +}); function Compiler() { return ( <Base context={context}> + <Hero> + <Animation /> + </Hero> <CompilerComponent /> <Content> <ContentBlock main title="Get started" /> |