diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 05:26:48 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-13 05:26:48 +0800 |
| commit | 084285a76002bc1659797ee9a1aabc5bfae9e7d2 (patch) | |
| tree | 83b7bf9c30c62a5c1f6fd72caad4ad28b08e3c53 | |
| parent | 982391cd7cc9fbcd5da26cd671a2b656fc48772d (diff) | |
| download | dexon-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.tsx | 24 |
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> |