79 lines
2.1 KiB
React
79 lines
2.1 KiB
React
import {connect} from 'react-redux';
|
|
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
|
|
import {
|
|
activateDeck,
|
|
closeCards,
|
|
shrinkExpandCards,
|
|
nextStep,
|
|
prevStep,
|
|
dragCard,
|
|
startDrag,
|
|
endDrag
|
|
} from '../reducers/cards';
|
|
|
|
import {
|
|
openTipsLibrary
|
|
} from '../reducers/modals';
|
|
|
|
import CardsComponent from '../components/cards/cards.jsx';
|
|
import {loadImageData} from '../lib/libraries/decks/translate-image.js';
|
|
import {notScratchDesktop} from '../lib/isScratchDesktop';
|
|
|
|
class Cards extends React.Component {
|
|
componentDidMount () {
|
|
if (this.props.locale !== 'en') {
|
|
loadImageData(this.props.locale);
|
|
}
|
|
}
|
|
componentDidUpdate (prevProps) {
|
|
if (this.props.locale !== prevProps.locale) {
|
|
loadImageData(this.props.locale);
|
|
}
|
|
}
|
|
render () {
|
|
return (
|
|
<CardsComponent {...this.props} />
|
|
);
|
|
}
|
|
}
|
|
|
|
Cards.propTypes = {
|
|
locale: PropTypes.string.isRequired
|
|
};
|
|
|
|
const mapStateToProps = state => ({
|
|
visible: state.scratchGui.cards.visible,
|
|
content: state.scratchGui.cards.content,
|
|
activeDeckId: state.scratchGui.cards.activeDeckId,
|
|
step: state.scratchGui.cards.step,
|
|
expanded: state.scratchGui.cards.expanded,
|
|
x: state.scratchGui.cards.x,
|
|
y: state.scratchGui.cards.y,
|
|
isRtl: state.locales.isRtl,
|
|
locale: state.locales.locale,
|
|
dragging: state.scratchGui.cards.dragging,
|
|
showVideos: notScratchDesktop()
|
|
});
|
|
|
|
const mapDispatchToProps = dispatch => ({
|
|
onActivateDeckFactory: id => () => dispatch(activateDeck(id)),
|
|
onShowAll: () => {
|
|
dispatch(openTipsLibrary());
|
|
dispatch(closeCards());
|
|
},
|
|
onCloseCards: () => dispatch(closeCards()),
|
|
onShrinkExpandCards: () => dispatch(shrinkExpandCards()),
|
|
onNextStep: () => dispatch(nextStep()),
|
|
onPrevStep: () => dispatch(prevStep()),
|
|
onDrag: (e_, data) => dispatch(dragCard(data.x, data.y)),
|
|
onStartDrag: () => dispatch(startDrag()),
|
|
onEndDrag: () => dispatch(endDrag())
|
|
});
|
|
|
|
export default connect(
|
|
mapStateToProps,
|
|
mapDispatchToProps
|
|
)(Cards);
|