diff --git a/src/components/asset-panel/selector.jsx b/src/components/asset-panel/selector.jsx index b2c278bbec9c8b2a900cb8efbe0dc9df4f2ec0bb..0ddc2bb51202771fc9861ac603174bb28716773f 100644 --- a/src/components/asset-panel/selector.jsx +++ b/src/components/asset-panel/selector.jsx @@ -29,6 +29,7 @@ const Selector = props => { <SpriteSelectorItem assetId={item.assetId} className={styles.listItem} + costumeURL={item.url} id={index} key={`asset-${index}`} name={item.name} diff --git a/src/containers/sprite-selector-item.jsx b/src/containers/sprite-selector-item.jsx index dacac38e152a7d9b6f13848dc258d4d344bc4c81..d6c738cb3002688b3d812367f30b8cd8e27a1406 100644 --- a/src/containers/sprite-selector-item.jsx +++ b/src/containers/sprite-selector-item.jsx @@ -26,9 +26,12 @@ class SpriteSelectorItem extends React.Component { } render () { const { - id, // eslint-disable-line no-unused-vars - onClick, // eslint-disable-line no-unused-vars - onDeleteButtonClick, // eslint-disable-line no-unused-vars + /* eslint-disable no-unused-vars */ + assetId, + id, + onClick, + onDeleteButtonClick, + /* eslint-enable no-unused-vars */ ...props } = this.props; return ( @@ -51,8 +54,8 @@ SpriteSelectorItem.propTypes = { selected: PropTypes.bool }; -const mapStateToProps = (state, {assetId}) => ({ - costumeURL: assetId && state.vm.runtime.storage.get(assetId).encodeDataURI() +const mapStateToProps = (state, {assetId, costumeURL}) => ({ + costumeURL: costumeURL || (assetId && state.vm.runtime.storage.get(assetId).encodeDataURI()) }); module.exports = connect(