aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/retry.tsx
blob: 543b7df4b7586ba41a9d3d37c4c91c6cf815efa9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
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;
}
export const Retry = (props: RetryProps) => (
    <div className="clearfix center" style={{ color: colors.black }}>
        <div className="mx-auto inline-block align-middle" style={{ lineHeight: '44px', textAlign: 'center' }}>
            <div className="h2" style={{ fontFamily: 'Roboto Mono' }}>
                Something went wrong.
            </div>
            <div className="py3">
                <Button
                    type="button"
                    backgroundColor={colors.black}
                    width="290px"
                    fontColor={colors.white}
                    fontSize="18px"
                    fontFamily="Roboto Mono"
                    onClick={props.onRetry}
                >
                    {BUTTON_TEXT}
                </Button>
            </div>
        </div>
    </div>
);