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

Arrows layer

Browse source
This commit is contained in:
Fedor Katurov 2020-01-16 12:03:02 +07:00
parent 69d1d749cf
commit de2b747a20
11 changed files with 57 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

47
src/containers/map/Stickers/index.tsx
View file

@ -1,47 +0,0 @@
import React from 'react';
import { IStickerDump } from '~/redux/map/types';
import { FeatureGroup, Map } from 'leaflet';
import { Sticker } from '~/containers/map/Sticker';
import { mapSetSticker, mapDropSticker } from '~/redux/map/actions';
import { MapContainer, MainMap } from '~/constants/map';
interface IProps {
stickers: IStickerDump[];
is_editing: boolean;
mapSetSticker: typeof mapSetSticker;
mapDropSticker: typeof mapDropSticker;
}
const Stickers: React.FC<IProps> = React.memo(
({ stickers, is_editing, mapSetSticker, mapDropSticker }) => {
const [layer, setLayer] = React.useState<FeatureGroup>(null);
React.useEffect(() => {
if (!MainMap) return;
const item = new FeatureGroup().addTo(MainMap.stickerLayer);
setLayer(item);
return () => MainMap.stickerLayer.removeLayer(item);
}, [MainMap]);
return (
<div>
{layer &&
stickers.map((sticker, index) => (
<Sticker
sticker={sticker}
key={`${sticker.set}.${sticker.sticker}.${index}`}
index={index}
is_editing={is_editing}
mapSetSticker={mapSetSticker}
mapDropSticker={mapDropSticker}
/>
))}
</div>
);
// return null;
}
);
export { Stickers };