maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Correct aspect ratio can be passed to ImageFromFile

Browse source
This commit is contained in:
Vesa Luusua 2017-09-08 01:18:51 +03:00
parent 02da6a5de9
commit 6b8cb45b15
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/ImageFromFile/ImageFromFile.js
View file

@ -29,8 +29,9 @@ class ImageFromFile extends Component {
}
render() {
const { className, rootClassName, file, id, children } = this.props;
const { className, rootClassName, aspectRatioClassName, file, id, children } = this.props;
const classes = classNames(rootClassName || css.root, className);
const aspectRatioClasses = aspectRatioClassName || css.aspectWrapper;
return (
<Promised
key={id}
@ -39,7 +40,7 @@ class ImageFromFile extends Component {
return (
<div className={classes}>
<div className={css.threeToTwoWrapper}>
<div className={css.aspectWrapper}>
<div className={aspectRatioClasses}>
<img src={dataURL} alt={file.name} className={css.rootForImage} />
</div>
</div>
@ -55,13 +56,19 @@ class ImageFromFile extends Component {
}
}
ImageFromFile.defaultProps = { className: null, children: null, rootClassName: null };
ImageFromFile.defaultProps = {
className: null,
children: null,
rootClassName: null,
aspectRatioClassName: null,
};
const { any, node, string } = PropTypes;
ImageFromFile.propTypes = {
className: string,
rootClassName: string,
aspectRatioClassName: string,
file: any.isRequired,
id: string.isRequired,
children: node,