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.
trezor-wallet/src/views/Wallet/views/Bootloader/index.js

46 lines
972 B

/* @flow */
import React from 'react';
import styled from 'styled-components';
import { H4, P } from 'trezor-ui-components';
import { FormattedMessage } from 'react-intl';
import l10nMessages from './index.messages';
const Wrapper = styled.div`
display: flex;
flex-direction: column;
padding: 40px 35px 40px 35px;
`;
const Row = styled.div`
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 0;
`;
const StyledP = styled(P)`
&& {
padding: 0 0 15px 0;
}
`;
const Heading = styled(H4)`
text-align: center;
`;
const Bootloader = () => (
<Wrapper>
<Row>
<Heading>
<FormattedMessage {...l10nMessages.TR_YOUR_DEVICE_IS_IN_FIRMWARE} />
</Heading>
<StyledP textAlign="center">
<FormattedMessage {...l10nMessages.TR_PLEASE_RECONNECT_IT} />
</StyledP>
</Row>
</Wrapper>
);
export default Bootloader;