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

50
src/components/views/location/ZoomButtons.tsx
View file

@ -14,13 +14,13 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
import React from 'react';
import maplibregl from 'maplibre-gl';
import React from "react";
import maplibregl from "maplibre-gl";
import { _t } from '../../../languageHandler';
import AccessibleButton from '../elements/AccessibleButton';
import { Icon as PlusIcon } from '../../../../res/img/element-icons/plus-button.svg';
import { Icon as MinusIcon } from '../../../../res/img/element-icons/minus-button.svg';
import { _t } from "../../../languageHandler";
import AccessibleButton from "../elements/AccessibleButton";
import { Icon as PlusIcon } from "../../../../res/img/element-icons/plus-button.svg";
import { Icon as MinusIcon } from "../../../../res/img/element-icons/minus-button.svg";
interface Props {
map: maplibregl.Map;
@ -35,24 +35,26 @@ const ZoomButtons: React.FC<Props> = ({ map }) => {
map.zoomOut();
};
return <div className="mx_ZoomButtons">
<AccessibleButton
onClick={onZoomIn}
data-test-id='map-zoom-in-button'
title={_t("Zoom in")}
className='mx_ZoomButtons_button'
>
<PlusIcon className='mx_ZoomButtons_icon' />
</AccessibleButton>
<AccessibleButton
onClick={onZoomOut}
data-test-id='map-zoom-out-button'
title={_t("Zoom out")}
className='mx_ZoomButtons_button'
>
<MinusIcon className='mx_ZoomButtons_icon' />
</AccessibleButton>
</div>;
return (
<div className="mx_ZoomButtons">
<AccessibleButton
onClick={onZoomIn}
data-test-id="map-zoom-in-button"
title={_t("Zoom in")}
className="mx_ZoomButtons_button"
>
<PlusIcon className="mx_ZoomButtons_icon" />
</AccessibleButton>
<AccessibleButton
onClick={onZoomOut}
data-test-id="map-zoom-out-button"
title={_t("Zoom out")}
className="mx_ZoomButtons_button"
>
<MinusIcon className="mx_ZoomButtons_icon" />
</AccessibleButton>
</div>
);
};
export default ZoomButtons;