mirror of https://github.com/trezor/trezor-wallet
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.4 KiB
54 lines
1.4 KiB
/* @flow */
|
|
import React from 'react';
|
|
import styled from 'styled-components';
|
|
import { bindActionCreators } from 'redux';
|
|
import { connect } from 'react-redux';
|
|
import colors from 'config/colors';
|
|
import Notification from 'components/Notification';
|
|
import * as TrezorConnectActions from 'actions/TrezorConnectActions';
|
|
|
|
import type { State, Dispatch } from 'flowtype';
|
|
|
|
type Props = {
|
|
acquiring: boolean;
|
|
acquireDevice: typeof TrezorConnectActions.acquire
|
|
}
|
|
|
|
const Wrapper = styled.div`
|
|
display: flex;
|
|
background: ${colors.WHITE};
|
|
flex-direction: column;
|
|
flex: 1;
|
|
`;
|
|
|
|
const Acquire = (props: Props) => (
|
|
<Wrapper>
|
|
<Notification
|
|
title="Device is used in other window"
|
|
message="Do you want to use your device in this window?"
|
|
type="info"
|
|
cancelable={false}
|
|
isActionInProgress={props.acquiring}
|
|
actions={
|
|
[
|
|
{
|
|
label: 'Acquire device',
|
|
callback: () => {
|
|
props.acquireDevice();
|
|
},
|
|
},
|
|
]
|
|
}
|
|
/>
|
|
</Wrapper>
|
|
);
|
|
|
|
export default connect(
|
|
(state: State) => ({
|
|
acquiring: state.connect.acquiringDevice,
|
|
}),
|
|
(dispatch: Dispatch) => ({
|
|
acquireDevice: bindActionCreators(TrezorConnectActions.acquire, dispatch),
|
|
}),
|
|
)(Acquire);
|