git.iko.soy/bridge
on e5348f2 help sign in
bridge/src/components/Buttons.js
35 lines 1.1 kB history raw
1import React from 'react';
2import { Button } from 'indigo-react';
3import { Icon } from '@tlon/indigo-react';
5import { blinkIf } from './Blinky';
7// NOTE: the -> is correct because inter recognizes the pair
8export const ForwardButton = ({ loading, ...props }) => (
9 <Button accessory={blinkIf(loading, '->')} {...props} center />
10);
11export const DownloadButton = ({ loading, ...props }) => (
12 <Button accessory={blinkIf(loading, '↓')} {...props} center />
13);
14export const RestartButton = props => (
15 <Button accessory="↺" {...props} center />
16);
17export const GenerateButton = ({ loading, ...props }) => (
18 <Button accessory={blinkIf(loading, '○')} solid {...props} />
19);
20export const OutButton = props => (
21 <Button as="a" target="_blank" accessory="↗" {...props} center />
22);
24export const OfflineButton = props => (
25 <OutButton {...props} href="https://github.com/urbit/bridge/releases">
26 Offline
27 </OutButton>
28);
30export const CopyButton = props => (
31 <Button
32 accessory={<Icon icon="Copy" size="18px" color={'black'} />}
33 {...props}
34 />
35);