mirror of https://github.com/trezor/trezor-wallet
parent
cd25b3f459
commit
e226847ccc
@ -0,0 +1,42 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const Icon = (props) => {
|
||||
const styles = {
|
||||
svg: {
|
||||
display: 'inline-block',
|
||||
verticalAlign: 'middle',
|
||||
},
|
||||
path: {
|
||||
fill: props.color,
|
||||
},
|
||||
};
|
||||
|
||||
return (
|
||||
<svg
|
||||
style={styles.svg}
|
||||
width={`${props.size}`}
|
||||
height={`${props.size}`}
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
style={styles.path}
|
||||
d={props.icon}
|
||||
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
Icon.propTypes = {
|
||||
icon: PropTypes.string.isRequired,
|
||||
size: PropTypes.number,
|
||||
color: PropTypes.string,
|
||||
};
|
||||
|
||||
Icon.defaultProps = {
|
||||
size: 30,
|
||||
color: 'black',
|
||||
};
|
||||
|
||||
export default Icon;
|
@ -1,15 +1,45 @@
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import { H2 } from '~/js/components/common/Heading';
|
||||
import Icon from '~/js/components/common/Icon';
|
||||
import colors from '~/js/config/colors';
|
||||
import ICONS from '~/js/constants/icons';
|
||||
import { connect } from 'react-redux';
|
||||
|
||||
const Section = styled.section`
|
||||
`;
|
||||
|
||||
const P = styled.p`
|
||||
padding: 12px 0px 24px 0px;
|
||||
text-align: center;
|
||||
`;
|
||||
|
||||
const StyledH2 = styled(H2)`
|
||||
padding-top: 15px;
|
||||
`;
|
||||
|
||||
const Row = styled.div`
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0px 48px;
|
||||
padding-bottom: 98px;
|
||||
`;
|
||||
|
||||
export const DeviceSettings = () => (
|
||||
<section className="device-settings">
|
||||
<div className="row">
|
||||
<H2>Device settings is under construction</H2>
|
||||
<p>Please use Bitcoin wallet interface to change your device settings</p>
|
||||
<Section>
|
||||
<Row>
|
||||
<Icon
|
||||
color={colors.WARNING_PRIMARY}
|
||||
icon={ICONS.WARNING}
|
||||
/>
|
||||
<StyledH2>Device settings is under construction</StyledH2>
|
||||
<P>Please use Bitcoin wallet interface to change your device settings</P>
|
||||
<a className="button" href="https://wallet.trezor.io/">Take me to the Bitcoin wallet</a>
|
||||
</div>
|
||||
</section>
|
||||
</Row>
|
||||
</Section>
|
||||
);
|
||||
|
||||
export default connect(null, null)(DeviceSettings);
|
||||
|
@ -0,0 +1,8 @@
|
||||
export default [
|
||||
{ id: 'Windows', value: 'trezor-bridge-2.0.11-win32-install.exe', label: 'Windows' },
|
||||
{ id: 'macOS', value: 'trezor-bridge-2.0.11.pkg', label: 'Mac OS X' },
|
||||
{ id: 'Linux', value: 'trezor-bridge_2.0.11_amd64.deb', label: 'Linux 64-bit (deb)' },
|
||||
{ id: 'Linux-rpm', value: 'trezor-bridge_2.0.11_amd64.rpm', label: 'Linux 64-bit (rpm)' },
|
||||
{ id: '01', value: 'trezor-bridge_2.0.11_amd32.deb', label: 'Linux 32-bit (deb)' },
|
||||
{ id: '02', value: 'trezor-bridge_2.0.11_amd32.rpm', label: 'Linux 32-bit (rpm)' },
|
||||
];
|
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
WARNING: 'M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z',
|
||||
};
|
@ -1,32 +0,0 @@
|
||||
.device-settings {
|
||||
.row {
|
||||
flex: 1;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0px 48px;
|
||||
padding-bottom: 98px;
|
||||
|
||||
h2 {
|
||||
padding: 0;
|
||||
position: relative;
|
||||
&:before {
|
||||
.icomoon-warning;
|
||||
position: absolute;
|
||||
color: @color_warning_primary;
|
||||
font-size: 48px;
|
||||
top: -48px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 12px 0px 24px 0px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in new issue