Rolled-back blurred modal

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

View File

@@ -1,12 +1,11 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faInfoCircle as infoIcon } from '@fortawesome/free-solid-svg-icons';
import { ModalBody, ModalHeader } from 'reactstrap';
import { Modal, ModalBody, ModalHeader } from 'reactstrap';
import { useToggle } from '../utils/helpers/hooks';
import { BlurredModal } from '../utils/BlurredModal';
import './UseExistingIfFoundInfoIcon.scss';
const InfoModal = ({ isOpen, toggle }: { isOpen: boolean; toggle: () => void }) => (
<BlurredModal isOpen={isOpen} toggle={toggle} centered size="lg">
<Modal isOpen={isOpen} toggle={toggle} centered size="lg">
<ModalHeader toggle={toggle}>Info</ModalHeader>
<ModalBody>
<p>
@@ -34,7 +33,7 @@ const InfoModal = ({ isOpen, toggle }: { isOpen: boolean; toggle: () => void })
</li>
</ul>
</ModalBody>
</BlurredModal>
</Modal>
);
const UseExistingIfFoundInfoIcon = () => {