scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2024-12-22 21:42:30 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

the declarations done to avoid lint errors actually broke hover, so put them back

Browse source
This commit is contained in:
DD 2017-09-14 17:13:56 -04:00
parent f1fdd436fa
commit 9a09c4324d
3 changed files with 14 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/containers/paint-editor.jsx
View file

@ -62,6 +62,8 @@ const mapDispatchToProps = dispatch => ({
dispatch(changeMode(Modes.BRUSH));
} else if (event.key === 'l') {
dispatch(changeMode(Modes.LINE));
} else if (event.key === 's') {
dispatch(changeMode(Modes.SELECT));
}
}
});

23
src/containers/select-mode.jsx
View file

@ -68,9 +68,6 @@ class SelectMode extends React.Component {
// Define these to sate linter
const selectMode = this;
const hoveredItemProp = this.props.hoveredItem;
const setHoveredItemProp = this.props.setHoveredItem;
const onUpdateSvgProp = this.props.onUpdateSvg;
this.tool.onMouseDown = function (event) {
if (event.event.button > 0) return; // only first mouse button
@ -88,13 +85,11 @@ class SelectMode extends React.Component {
this.tool.onMouseMove = function (event) {
const hoveredItem = getHoveredItem(event, selectMode.getHitOptions());
if ((!hoveredItem && hoveredItemProp) || // There is no longer a hovered item
(hoveredItem && !hoveredItemProp) || // There is now a hovered item
(hoveredItem && hoveredItemProp && hoveredItem.id !== hoveredItemProp.id)) { // hovered item changed
if (hoveredItemProp) {
hoveredItemProp.remove();
}
setHoveredItemProp(hoveredItem);
const oldHoveredItem = selectMode.props.hoveredItem;
if ((!hoveredItem && oldHoveredItem) || // There is no longer a hovered item
(hoveredItem && !oldHoveredItem) || // There is now a hovered item
(hoveredItem && oldHoveredItem && hoveredItem.id !== oldHoveredItem.id)) { // hovered item changed
selectMode.props.setHoveredItem(hoveredItem);
}
};
@ -122,7 +117,7 @@ class SelectMode extends React.Component {
selectMode.boundingBoxTool.setSelectionBounds();
} else {
selectMode.boundingBoxTool.onMouseUp(event);
onUpdateSvgProp();
selectMode.props.onUpdateSvg();
}
selectMode.selectionBoxMode = false;
selectMode.selectionRect = null;
@ -146,10 +141,10 @@ class SelectMode extends React.Component {
SelectMode.propTypes = {
clearHoveredItem: PropTypes.func.isRequired,
handleMouseDown: PropTypes.func.isRequired,
hoveredItem: PropTypes.instanceOf(paper.Item),
hoveredItem: PropTypes.instanceOf(paper.Item), // eslint-disable-line react/no-unused-prop-types
isSelectModeActive: PropTypes.bool.isRequired,
onUpdateSvg: PropTypes.func.isRequired,
setHoveredItem: PropTypes.func.isRequired
onUpdateSvg: PropTypes.func.isRequired, // eslint-disable-line react/no-unused-prop-types
setHoveredItem: PropTypes.func.isRequired // eslint-disable-line react/no-unused-prop-types
};
const mapStateToProps = state => ({

5
src/containers/selection-hov.jsx
View file

@ -13,11 +13,12 @@ const SelectionHOV = function (WrappedComponent) {
componentDidUpdate (prevProps) {
if (this.props.hoveredItem && this.props.hoveredItem !== prevProps.hoveredItem) {
// A hover item has been added. Update the view
paper.view.update();
if (prevProps.hoveredItem) {
prevProps.hoveredItem.remove();
}
} else if (!this.props.hoveredItem && prevProps.hoveredItem) {
// Remove the hover item
prevProps.hoveredItem.remove();
paper.view.update();
}
}
render () {