aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/loading.tsx
diff options
context:
space:
mode:
authorLeonid <logvinov.leon@gmail.com>2018-01-03 18:39:08 +0800
committerGitHub <noreply@github.com>2018-01-03 18:39:08 +0800
commitd5e0da0eb64ab25cb8e03a61040702cf8e02391a (patch)
treea7fde03873f3c1b8689d3991edbb362f8022e5f0 /packages/website/ts/components/ui/loading.tsx
parentf684cc371104b594358fb8cd274e453c81f48881 (diff)
parente744e4cd989bd3ae1070c59f7baa8097f18b8b06 (diff)
downloaddexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.gz
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.bz2
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.lz
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.xz
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.tar.zst
dexon-sol-tools-d5e0da0eb64ab25cb8e03a61040702cf8e02391a.zip
Merge pull request #291 from 0xProject/feature/prettier
Use prettier
Diffstat (limited to 'packages/website/ts/components/ui/loading.tsx')
-rw-r--r--packages/website/ts/components/ui/loading.tsx21
1 files changed, 12 insertions, 9 deletions
diff --git a/packages/website/ts/components/ui/loading.tsx b/packages/website/ts/components/ui/loading.tsx
index 83636b5ff..aa319e9e9 100644
--- a/packages/website/ts/components/ui/loading.tsx
+++ b/packages/website/ts/components/ui/loading.tsx
@@ -1,9 +1,9 @@
import * as _ from 'lodash';
import Paper from 'material-ui/Paper';
import * as React from 'react';
-import {DefaultPlayer as Video} from 'react-html5video';
+import { DefaultPlayer as Video } from 'react-html5video';
import 'react-html5video/dist/styles.css';
-import {utils} from 'ts/utils/utils';
+import { utils } from 'ts/utils/utils';
interface LoadingProps {}
@@ -12,11 +12,12 @@ interface LoadingState {}
export class Loading extends React.Component<LoadingProps, LoadingState> {
public render() {
return (
- <div className="pt4 sm-px2 sm-pt2 sm-m1" style={{height: 500}}>
- <Paper className="mx-auto" style={{maxWidth: 400}}>
- {utils.isUserOnMobile() ?
- <img className="p1" src="/gifs/0xAnimation.gif" width="96%" /> :
- <div style={{pointerEvents: 'none'}}>
+ <div className="pt4 sm-px2 sm-pt2 sm-m1" style={{ height: 500 }}>
+ <Paper className="mx-auto" style={{ maxWidth: 400 }}>
+ {utils.isUserOnMobile() ? (
+ <img className="p1" src="/gifs/0xAnimation.gif" width="96%" />
+ ) : (
+ <div style={{ pointerEvents: 'none' }}>
<Video
autoPlay={true}
loop={true}
@@ -27,8 +28,10 @@ export class Loading extends React.Component<LoadingProps, LoadingState> {
<source src="/videos/0xAnimation.mp4" type="video/mp4" />
</Video>
</div>
- }
- <div className="center pt2" style={{paddingBottom: 11}}>Connecting to the blockchain...</div>
+ )}
+ <div className="center pt2" style={{ paddingBottom: 11 }}>
+ Connecting to the blockchain...
+ </div>
</Paper>
</div>
);