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 React from 'react';
|
||||||
|
import styled from 'styled-components';
|
||||||
import { H2 } from '~/js/components/common/Heading';
|
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';
|
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 = () => (
|
export const DeviceSettings = () => (
|
||||||
<section className="device-settings">
|
<Section>
|
||||||
<div className="row">
|
<Row>
|
||||||
<H2>Device settings is under construction</H2>
|
<Icon
|
||||||
<p>Please use Bitcoin wallet interface to change your device settings</p>
|
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>
|
<a className="button" href="https://wallet.trezor.io/">Take me to the Bitcoin wallet</a>
|
||||||
</div>
|
</Row>
|
||||||
</section>
|
</Section>
|
||||||
);
|
);
|
||||||
|
|
||||||
export default connect(null, null)(DeviceSettings);
|
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