diff options
author | August Skare <post@augustskare.no> | 2018-11-07 16:48:10 +0800 |
---|---|---|
committer | August Skare <post@augustskare.no> | 2018-11-07 16:48:10 +0800 |
commit | 3a23e795acfe00401283e991af52d1f11a51ffbb (patch) | |
tree | d8e5a6d712887c726ba07395b751614d0a24478f /packages/dev-tools-pages/ts/pages/Cov.tsx | |
parent | 2dfca078fdf3cddb551fb33f913aade1a2e902e1 (diff) | |
download | dexon-sol-tools-3a23e795acfe00401283e991af52d1f11a51ffbb.tar dexon-sol-tools-3a23e795acfe00401283e991af52d1f11a51ffbb.tar.gz dexon-sol-tools-3a23e795acfe00401283e991af52d1f11a51ffbb.tar.bz2 dexon-sol-tools-3a23e795acfe00401283e991af52d1f11a51ffbb.tar.lz dexon-sol-tools-3a23e795acfe00401283e991af52d1f11a51ffbb.tar.xz dexon-sol-tools-3a23e795acfe00401283e991af52d1f11a51ffbb.tar.zst dexon-sol-tools-3a23e795acfe00401283e991af52d1f11a51ffbb.zip |
new hero animation using bodymovin and lottie
Diffstat (limited to 'packages/dev-tools-pages/ts/pages/Cov.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/pages/Cov.tsx | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/pages/Cov.tsx b/packages/dev-tools-pages/ts/pages/Cov.tsx index 4d8288219..1a7abbbb1 100644 --- a/packages/dev-tools-pages/ts/pages/Cov.tsx +++ b/packages/dev-tools-pages/ts/pages/Cov.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import { render, hydrate } from 'react-dom'; +import * as Loadable from 'react-loadable'; import context from 'ts/context/cov'; import Base from 'ts/components/Base'; @@ -11,10 +12,20 @@ import InlineCode from 'ts/components/InlineCode'; import { List, ListItem } from 'ts/components/List'; import Breakout from 'ts/components/Breakout'; import { Intro, IntroLead, IntroAside } from 'ts/components/Intro'; +import Hero from 'ts/components/Hero'; + +const Animation = Loadable({ + loader: () => System.import(/* webpackChunkName: 'cov-animation' */ 'ts/components/Animations/Cov'), + loading: () => <div />, + delay: 1000, +}); function Cov() { return ( <Base context={context}> + <Hero> + <Animation /> + </Hero> <Intro> <IntroLead title="Measure your tests"> <p> |