muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

editor: hotkeys added

Browse source
This commit is contained in:
muerwre 2018-12-10 11:29:26 +07:00
parent d95f51bd3b
commit 25ae7f8282
9 changed files with 48 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/panels/EditorPanel.jsx
View file

@ -9,7 +9,7 @@ import { EditorDialog } from '$components/panels/EditorDialog';
import { LogoPreview } from '$components/logo/LogoPreview';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { setMode, startEditing, stopEditing, setLogo, takeAShot } from '$redux/user/actions';
import { setMode, startEditing, stopEditing, setLogo, takeAShot, keyPressed } from '$redux/user/actions';
import { UserLocation } from '$components/UserLocation';
import { PROVIDERS } from '$constants/providers';
@ -28,10 +28,13 @@ type Props = {
startEditing: Function,
stopEditing: Function,
takeAShot: Function,
keyPressed: Function,
}
class Component extends React.PureComponent<Props, void> {
componentDidMount() {
window.addEventListener('keydown', this.props.keyPressed);
const obj = document.getElementById('control-dialog');
const { width } = this.panel.getBoundingClientRect();
@ -40,6 +43,10 @@ class Component extends React.PureComponent<Props, void> {
obj.style.width = width;
}
componentWillUnmount() {
window.removeEventListener('keydown', this.props.keyPressed);
}
startPolyMode = () => this.props.setMode(MODES.POLY);
startStickerMode = () => this.props.setMode(MODES.STICKERS);
startRouterMode = () => this.props.setMode(MODES.ROUTER);
@ -123,7 +130,7 @@ class Component extends React.PureComponent<Props, void> {
className={classnames({ active: false })}
onClick={this.props.takeAShot}
>
<Icon icon="icon-shot-2" />
<Icon icon="icon-shot-4" />
</button>
</div>
@ -208,6 +215,7 @@ const mapDispatchToProps = dispatch => bindActionCreators({
startEditing,
stopEditing,
takeAShot,
keyPressed,
}, dispatch);
export const EditorPanel = connect(