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

fixed sticker mode change

Browse source
This commit is contained in:
Fedor Katurov 2020-01-22 12:15:40 +07:00
parent 60b8fd51a2
commit 8e0a4c6df6
3 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/map/Sticker/index.tsx
View file

@ -39,6 +39,7 @@ const Sticker: React.FC<IProps> = ({
let angle = useRef(sticker.angle); let angle = useRef(sticker.angle);
const element = React.useMemo(() => document.createElement('div'), []); const element = React.useMemo(() => document.createElement('div'), []);
const stickerArrow = React.useRef(null); const stickerArrow = React.useRef(null);
const stickerImage = React.useRef(null); const stickerImage = React.useRef(null);
@ -197,7 +198,7 @@ const Sticker: React.FC<IProps> = ({
React.useEffect(() => { React.useEffect(() => {
element.className = is_editing ? 'sticker-container' : 'sticker-container inactive'; element.className = is_editing ? 'sticker-container' : 'sticker-container inactive';
}, [element, is_editing]); }, [element, is_editing, layer]);
return createPortal( return createPortal(
<React.Fragment> <React.Fragment>

5
src/map/Stickers/index.tsx
View file

@ -3,7 +3,7 @@ import { IStickerDump } from '~/redux/map/types';
import { FeatureGroup, Map } from 'leaflet'; import { FeatureGroup, Map } from 'leaflet';
import { Sticker } from '~/map/Sticker'; import { Sticker } from '~/map/Sticker';
import { mapSetSticker, mapDropSticker } from '~/redux/map/actions'; import { mapSetSticker, mapDropSticker } from '~/redux/map/actions';
import { MapContainer, MainMap } from '~/constants/map'; import { MainMap } from '~/constants/map';
interface IProps { interface IProps {
stickers: IStickerDump[]; stickers: IStickerDump[];
@ -25,6 +25,8 @@ const Stickers: React.FC<IProps> = React.memo(
return () => MainMap.stickerLayer.removeLayer(item); return () => MainMap.stickerLayer.removeLayer(item);
}, [MainMap]); }, [MainMap]);
console.log(is_editing);
return ( return (
<div> <div>
{layer && {layer &&
@ -40,7 +42,6 @@ const Stickers: React.FC<IProps> = React.memo(
))} ))}
</div> </div>
); );
// return null;
} }
); );

2
src/redux/map/sagas.ts
View file

@ -126,7 +126,7 @@ export function* loadMapFromPath() {
return; return;
} }
yield put(editorSetEditing(mode && mode === 'edit')); yield put(editorSetEditing(!!(mode && mode === 'edit')));
return; return;
} }