YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added image prop to Image, self determines src vs sources

Browse Source
This commit is contained in:
Dominic Masters
2018-06-06 07:53:38 +10:00
parent f63195c453
commit 861f640359
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/image/Image.jsx
View File

@ -29,16 +29,28 @@ export default class Image extends React.Component {
}
render() {
let sourceProps = Object.assign({}, this.props);
//Prop Manipulation
if(sourceProps.image) {
if(Array.isArray(sourceProps.image)) {
sourceProps.sources = sourceProps.image;
} else {
sourceProps.src = sourceProps.image;
}
}
//Image
let sourceElements = [];
let sources = {};
let defaultSrc = this.props.src;
let defaultAlt = this.props.alt;
let defaultSrc = sourceProps.src;
let defaultAlt = sourceProps.alt;
if(this.props.sources) {
if(sourceProps.sources) {
//Iterate over supplied sources
for(let i = 0; i < this.props.sources.length; i++) {
let x = this.props.sources[i];
for(let i = 0; i < sourceProps.sources.length; i++) {
let x = sourceProps.sources[i];
let w = x.size;
sources[w] = sources[w] || [];
sources[w].push(x);
@ -69,7 +81,7 @@ export default class Image extends React.Component {
return (
<picture>
{ sourceElements }
<img src={ this.props.src } alt={ this.props.alt } className={ this.props.className } />
<img src={ defaultSrc } alt={ defaultAlt } className={ sourceProps.className } />
</picture>
);
}