imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply prettier formatting

Browse source
This commit is contained in:
Michael Weimann 2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
No known key found for this signature in database
GPG key ID: 53F535A266BB9584
1576 changed files with 65385 additions and 62478 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/views/location/SmartMarker.tsx
View file

@ -14,28 +14,31 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
import React, { ReactNode, useCallback, useEffect, useState } from 'react';
import maplibregl from 'maplibre-gl';
import { RoomMember } from 'matrix-js-sdk/src/matrix';
import React, { ReactNode, useCallback, useEffect, useState } from "react";
import maplibregl from "maplibre-gl";
import { RoomMember } from "matrix-js-sdk/src/matrix";
import { createMarker, parseGeoUri } from '../../../utils/location';
import Marker from './Marker';
import { createMarker, parseGeoUri } from "../../../utils/location";
import Marker from "./Marker";
const useMapMarker = (
map: maplibregl.Map,
geoUri: string,
): { marker?: maplibregl.Marker, onElementRef: (el: HTMLDivElement) => void } => {
): { marker?: maplibregl.Marker; onElementRef: (el: HTMLDivElement) => void } => {
const [marker, setMarker] = useState<maplibregl.Marker>();
const onElementRef = useCallback((element: HTMLDivElement) => {
if (marker || !element) {
return;
}
const coords = parseGeoUri(geoUri);
const newMarker = createMarker(coords, element);
newMarker.addTo(map);
setMarker(newMarker);
}, [marker, geoUri, map]);
const onElementRef = useCallback(
(element: HTMLDivElement) => {
if (marker || !element) {
return;
}
const coords = parseGeoUri(geoUri);
const newMarker = createMarker(coords, element);
newMarker.addTo(map);
setMarker(newMarker);
},
[marker, geoUri, map],
);
useEffect(() => {
if (marker) {
@ -44,11 +47,14 @@ const useMapMarker = (
}
}, [marker, geoUri]);
useEffect(() => () => {
if (marker) {
marker.remove();
}
}, [marker]);
useEffect(
() => () => {
if (marker) {
marker.remove();
}
},
[marker],
);
return {
marker,