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

Refactored more image based code

Browse Source
This commit is contained in:
Dominic Masters
2018-05-12 15:55:04 +10:00
parent a8163f1352
commit bc54923f64
16 changed files with 114 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/image/Image.jsx
View File

@ -32,6 +32,9 @@ export default class Image extends React.Component {
let sourceElements = [];
let sources = {};
let defaultSrc = this.props.src;
let defaultAlt = this.props.alt;
if(this.props.sources) {
//Iterate over supplied sources
for(let i = 0; i < this.props.sources.length; i++) {
@ -39,6 +42,9 @@ export default class Image extends React.Component {
let w = x.size;
sources[w] = sources[w] || [];
sources[w].push(x);
defaultSrc = defaultSrc || x.src;
defaultAlt = defaultAlt || x.alt;
}
//Now map to components I guess
@ -55,7 +61,7 @@ export default class Image extends React.Component {
}
sourceElements.push(
<source media={mediaQuery} srcset={ sss.join(", ") } key={i} />
<source media={mediaQuery} srcSet={ sss.join(", ") } key={i} />
);
}
}