aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/ui')
-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>