From 084285a76002bc1659797ee9a1aabc5bfae9e7d2 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Tue, 12 Jun 2018 14:26:48 -0700
Subject: Replace FlatButton with Button in Retry

---
 packages/website/ts/components/ui/retry.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

(limited to 'packages/website/ts/components/ui')

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>
-- 
cgit v1.2.3