arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 03:08:30 +00:00
Code Issues Releases Wiki Activity

Merge pull request #141 from trezor/fix/trezorimage

Browse Source 
import trezor image
This commit is contained in:
Vladimir Volek 2018-10-09 12:14:35 +02:00 committed by GitHub
commit f36a67c6c6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/images/TrezorImage/index.js
View File

@ -1,22 +1,31 @@
/* @flow */
import React from 'react'; import React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
type Props = {
model: string;
}
const Wrapper = styled.div``; const Wrapper = styled.div``;
const Img = styled.img` const Img = styled.img`
width: ${props => (props.model === 'T' ? '17px' : '13px')}; width: ${props => (props.model === 'T' ? '17px' : '13px')};
`; `;
const TrezorImage = ({ model }) => ( const TrezorImage = ({ model }: Props) => {
<Wrapper> // $FlowIssue
<Img model={model} src={model === 'T' ? './images/trezor-T.png' : './images/trezor-1.png'} /> const src = require(`./images/trezor-${model}.png`); // eslint-disable-line
</Wrapper> return (
); <Wrapper>
<Img model={model} src={src} />
</Wrapper>
);
};
TrezorImage.propTypes = { TrezorImage.propTypes = {
model: PropTypes.string, model: PropTypes.string,
status: PropTypes.string,
}; };
export default TrezorImage; export default TrezorImage;