aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/simple_loading.tsx
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2017-11-28 00:05:47 +0800
committerGitHub <noreply@github.com>2017-11-28 00:05:47 +0800
commit48b3d8526560d389e74beb12bbd64b7be6e9268f (patch)
tree00ae6e24314793cd303b154ede4fe4f55c654e84 /packages/website/ts/components/ui/simple_loading.tsx
parentb5ce876327fe6443364837ea65cf28ec0e371949 (diff)
parentecfee00feca331ee1efa55165471d79774cb03d2 (diff)
downloaddexon-0x-contracts-48b3d8526560d389e74beb12bbd64b7be6e9268f.tar.gz
dexon-0x-contracts-48b3d8526560d389e74beb12bbd64b7be6e9268f.tar.zst
dexon-0x-contracts-48b3d8526560d389e74beb12bbd64b7be6e9268f.zip
Merge pull request #237 from 0xProject/addWebsite
Add Website to Mono Repo
Diffstat (limited to 'packages/website/ts/components/ui/simple_loading.tsx')
-rw-r--r--packages/website/ts/components/ui/simple_loading.tsx23
1 files changed, 23 insertions, 0 deletions
diff --git a/packages/website/ts/components/ui/simple_loading.tsx b/packages/website/ts/components/ui/simple_loading.tsx
new file mode 100644
index 000000000..12d09ecc4
--- /dev/null
+++ b/packages/website/ts/components/ui/simple_loading.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import {colors} from 'material-ui/styles';
+import CircularProgress from 'material-ui/CircularProgress';
+
+export interface SimpleLoadingProps {
+ message: string;
+}
+
+export const SimpleLoading = (props: SimpleLoadingProps) => {
+ return (
+ <div className="mx-auto pt3" style={{maxWidth: 400, height: 409}}>
+ <div
+ className="relative"
+ style={{top: '50%', transform: 'translateY(-50%)', height: 95}}
+ >
+ <CircularProgress />
+ <div className="pt3 pb3">
+ {props.message}
+ </div>
+ </div>
+ </div>
+ );
+};