mirror of https://github.com/trezor/trezor-wallet
Szymon Lesisz
6 years ago
parent
ff7f79eb14
commit
2beaeff8ac
@ -1,21 +1,63 @@
|
||||
/* @flow */
|
||||
'use strict';
|
||||
|
||||
import React from 'react';
|
||||
import React, { Component } from 'react';
|
||||
import { getNewInstance } from '../../reducers/TrezorConnectReducer'
|
||||
import type { Props } from './index';
|
||||
|
||||
const RememberDevice = (props: Props) => {
|
||||
if (!props.modal.opened) return null;
|
||||
const { device } = props.modal;
|
||||
const { onCancel, onDuplicateDevice } = props.modalActions;
|
||||
return (
|
||||
<div className="duplicate">
|
||||
<h3>Clone { device.instanceLabel }?</h3>
|
||||
<p>This will create new instance of device which can be used with different passphrase</p>
|
||||
<button onClick={ event => onDuplicateDevice( { ...device, instanceLabel: "TODO: user label from input" } ) }>Create new instance</button>
|
||||
<button className="white" onClick={ onCancel }>Cancel</button>
|
||||
</div>
|
||||
);
|
||||
type State = {
|
||||
defaultName: string;
|
||||
instanceName: ?string;
|
||||
}
|
||||
|
||||
export default RememberDevice;
|
||||
export default class DuplicateDevice extends Component<Props, State> {
|
||||
|
||||
state: State;
|
||||
|
||||
constructor(props: Props) {
|
||||
super(props);
|
||||
|
||||
const device = props.modal.opened ? props.modal.device : null;
|
||||
if (!device) return;
|
||||
|
||||
const instance = getNewInstance(props.connect.devices, device);
|
||||
|
||||
this.state = {
|
||||
defaultName: `${device.label} (${instance.toString()})`,
|
||||
instanceName: null
|
||||
}
|
||||
}
|
||||
|
||||
onNameChange = (value: string): void => {
|
||||
this.setState({
|
||||
instanceName: value.length > 0 ? value : null
|
||||
});
|
||||
}
|
||||
|
||||
render() {
|
||||
|
||||
if (!this.props.modal.opened) return null;
|
||||
|
||||
const { device } = this.props.modal;
|
||||
const { onCancel, onDuplicateDevice } = this.props.modalActions;
|
||||
|
||||
return (
|
||||
<div className="duplicate">
|
||||
<h3>Clone { device.label }?</h3>
|
||||
<p>This will create new instance of device which can be used with different passphrase</p>
|
||||
<label>Instance name</label>
|
||||
<input
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
autoCapitalize="off"
|
||||
spellCheck="false"
|
||||
placeholder={ this.state.defaultName }
|
||||
onChange={ event => this.onNameChange(event.currentTarget.value) }
|
||||
defaultValue={ this.state.instanceName } />
|
||||
<button onClick={ event => onDuplicateDevice( { ...device, instanceName: this.state.instanceName } ) }>Create new instance</button>
|
||||
<button className="white" onClick={ onCancel }>Cancel</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue