forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-10 17:43:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rolled-back blurred modal

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-27 08:52:10 +01:00
parent 3cd30b61e4
commit 2553b27d7d
20 changed files with 43 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/visits/helpers/MapModal.tsx
View File

@@ -1,9 +1,8 @@
import { FC } from 'react';
import { ModalBody } from 'reactstrap';
import { Modal, ModalBody } from 'reactstrap';
import { MapContainer, TileLayer, Marker, Popup, MapContainerProps } from 'react-leaflet';
import { prop } from 'ramda';
import { CityStats } from '../types';
import { BlurredModal } from '../../utils/BlurredModal';
import './MapModal.scss';
interface MapModalProps {
@@ -37,7 +36,7 @@ const calculateMapProps = (locations: CityStats[]): MapContainerProps => {
};
const MapModal = ({ toggle, isOpen, title, locations = [] }: MapModalProps) => (
<BlurredModal toggle={toggle} isOpen={isOpen} className="map-modal__modal" contentClassName="map-modal__modal-content">
<Modal toggle={toggle} isOpen={isOpen} className="map-modal__modal" contentClassName="map-modal__modal-content">
<ModalBody className="map-modal__modal-body">
<h3 className="map-modal__modal-title">
{title}
@@ -52,7 +51,7 @@ const MapModal = ({ toggle, isOpen, title, locations = [] }: MapModalProps) => (
))}
</MapContainer>
</ModalBody>
</BlurredModal>
</Modal>
);
export default MapModal;