git.iko.soy/bridge
on 703ff86 help sign in
bridge/src/components/Buttons.jsx
33 lines 1.0 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} />
10);
11export const DownloadButton = ({ loading, ...props }) => (
12 <Button accessory={blinkIf(loading, '↓')} {...props} />
13);
14export const RestartButton = props => <Button accessory="↺" {...props} />;
15export const GenerateButton = ({ loading, ...props }) => (
16 <Button accessory={blinkIf(loading, '○')} solid {...props} />
17);
18export const OutButton = props => (
19 <Button as="a" target="_blank" accessory="↗" {...props} />
20);
22export const OfflineButton = props => (
23 <OutButton {...props} href="https://github.com/urbit/bridge/releases">
24 Offline
25 </OutButton>
26);
28export const CopyButton = props => (
29 <Button
30 accessory={<Icon icon="Copy" size="18px" color={'black'} />}
31 {...props}
32 />
33);