muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-26 11:36:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

cursor: hint for stickers

Browse source
This commit is contained in:
muerwre 2018-12-07 14:00:07 +07:00
parent 45fd758c1d
commit d248b679ed
9 changed files with 80 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Cursor.jsx
View file

@ -1,9 +1,13 @@
import React from 'react';
import { Icon } from '$components/panels/Icon';
import { MODES } from '$constants/modes';
import { STICKERS } from '$constants/stickers';
import { StickerIcon } from '$components/StickerIcon';
type Props = {
mode: String,
sticker: String,
set: String,
}
export class Cursor extends React.PureComponent<Props, void> {
@ -20,12 +24,14 @@ export class Cursor extends React.PureComponent<Props, void> {
};
render() {
const { mode } = this.props;
const { mode, set, sticker } = this.props;
const activeSticker = (sticker && set && STICKERS[set] && STICKERS[set].layers[sticker]);
return (
<div className="cursor-tooltip" ref={el => { this.cursor = el; }}>
{ mode === MODES.ROUTER && <Icon icon="icon-router" />}
{ mode === MODES.POLY && <Icon icon="icon-poly" />}
{ mode === MODES.STICKERS && activeSticker && <StickerIcon sticker={sticker} set={set} /> }
</div>
);
}