on be56aee help sign in
bridge/src/components/Buttons.js
34 lines 1.1 kB history raw
1import React from 'react';
2import { Button } from 'indigo-react';
4import { blinkIf } from './Blinky';
6// NOTE: the -> is correct because inter recognizes the pair
7export const ForwardButton = ({ loading, ...props }) => (
8 <Button accessory={blinkIf(loading, '->')} {...props} />
9);
10export const DownloadButton = ({ loading, ...props }) => (
11 <Button accessory={blinkIf(loading, '↓')} {...props} />
12);
13export const RestartButton = props => <Button accessory="↺" {...props} />;
14export const GenerateButton = ({ loading, ...props }) => (
15 <Button accessory={blinkIf(loading, '○')} solid {...props} />
16);
17export const OutButton = props => (
18 <Button as="a" target="_blank" accessory="↗" {...props} />
19);
21export const OfflineButton = props => (
22 <OutButton {...props} href="https://github.com/urbit/bridge/releases">
23 Offline
24 </OutButton>
25);
27export const BootUrbitOSButton = props => (
28 <OutButton
29 href="https://urbit.org/docs/getting-started"
30 detail="Boot your computer"
31 {...props}>
32 Boot Urbit OS
33 </OutButton>
34);