aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-13 05:26:48 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-13 05:26:48 +0800
commit084285a76002bc1659797ee9a1aabc5bfae9e7d2 (patch)
tree83b7bf9c30c62a5c1f6fd72caad4ad28b08e3c53
parent982391cd7cc9fbcd5da26cd671a2b656fc48772d (diff)
downloaddexon-sol-tools-084285a76002bc1659797ee9a1aabc5bfae9e7d2.tar
dexon-sol-tools-084285a76002bc1659797ee9a1aabc5bfae9e7d2.tar.gz
dexon-sol-tools-084285a76002bc1659797ee9a1aabc5bfae9e7d2.tar.bz2
dexon-sol-tools-084285a76002bc1659797ee9a1aabc5bfae9e7d2.tar.lz
dexon-sol-tools-084285a76002bc1659797ee9a1aabc5bfae9e7d2.tar.xz
dexon-sol-tools-084285a76002bc1659797ee9a1aabc5bfae9e7d2.tar.zst
dexon-sol-tools-084285a76002bc1659797ee9a1aabc5bfae9e7d2.zip
Replace FlatButton with Button in Retry
-rw-r--r--packages/website/ts/components/ui/retry.tsx24
1 files changed, 12 insertions, 12 deletions
diff --git a/packages/website/ts/components/ui/retry.tsx b/packages/website/ts/components/ui/retry.tsx
index accdbfe9c..543b7df4b 100644
--- a/packages/website/ts/components/ui/retry.tsx
+++ b/packages/website/ts/components/ui/retry.tsx
@@ -1,8 +1,10 @@
-import FlatButton from 'material-ui/FlatButton';
import * as React from 'react';
+import { Button } from 'ts/components/ui/button';
import { colors } from 'ts/style/colors';
+const BUTTON_TEXT = 'reload';
+
export interface RetryProps {
onRetry: () => void;
}
@@ -13,19 +15,17 @@ export const Retry = (props: RetryProps) => (
Something went wrong.
</div>
<div className="py3">
- <FlatButton
- label={'reload'}
+ <Button
+ type="button"
backgroundColor={colors.black}
- labelStyle={{
- fontSize: 18,
- fontFamily: 'Roboto Mono',
- fontWeight: 'lighter',
- color: colors.white,
- textTransform: 'lowercase',
- }}
- style={{ width: 280, height: 62, borderRadius: 5 }}
+ width="290px"
+ fontColor={colors.white}
+ fontSize="18px"
+ fontFamily="Roboto Mono"
onClick={props.onRetry}
- />
+ >
+ {BUTTON_TEXT}
+ </Button>
</div>
</div>
</div>