git.iko.soy/bridge
on 6542dce help sign in
bridge/src/components/Inputs.js
94 lines 2.1 kB history raw
1import React from 'react';
2import { Input } from 'indigo-react';
3import * as bip39 from 'bip39';
5import { DEFAULT_HD_PATH } from 'lib/wallet';
6import {
7 validateNotEmpty,
8 validateMnemonic,
9 validatePoint,
10} from 'lib/validators';
11import { prependSig } from 'lib/transformers';
13const kExampleMnemonic = bip39.generateMnemonic();
15// const RequiredInput = advancedInput({
16// WrappedComponent: Input,
17// validators: [validateNotEmpty],
18// });
20// const NetworkKeyInput = advancedInput({
21// WrappedComponent: Input,
22// validators: [validateNotEmpty, validateNetworkKey],
23// });
25// const NetworkSeedInput = advancedInput({
26// WrappedComponent: Input,
27// validators: [validateNotEmpty, validateNetworkSeed],
28// });
30// const AddressInput = advancedInput({
31// WrappedComponent: Input,
32// validators: [validateEthereumAddress, validateNotEmpty],
33// });
35export function PassphraseInput(props) {
36 return (
37 <Input
38 type="password"
39 autoComplete="off"
40 placeholder="Passphrase"
41 {...props}
42 />
43 );
46export function MnemonicInput(props) {
47 return (
48 <Input
49 type="text"
50 autoComplete="off"
51 placeholder={`e.g. ${kExampleMnemonic}`}
52 validators={[validateMnemonic, validateNotEmpty]}
53 {...props}
54 />
55 );
58export function HdPathInput(props) {
59 return (
60 <Input
61 type="text"
62 autoComplete="off"
63 placeholder={`${DEFAULT_HD_PATH}`}
64 validators={[validateNotEmpty]}
65 {...props}
66 />
67 );
70// const GalaxyInput = advancedInput({
71// WrappedComponent: Input,
72// validators: [validateGalaxy, validateNotEmpty],
73// transformers: [prependSig],
74// });
76export function PointInput(props) {
77 return (
78 <Input
79 type="text"
80 placeholder="e.g. ~zod"
81 initialValue={props.initialValue || '~'}
82 validators={[validatePoint, validateNotEmpty]}
83 transformers={[prependSig]}
84 mono
85 {...props}
86 />
87 );
90// const TicketInput = advancedInput({
91// WrappedComponent: Input,
92// validators: [validateTicket, validateNotEmpty],
93// transformers: [prependSig],
94// });