Created custom react hook that can be used to handle toggles

This commit is contained in:
Alejandro Celaya
2019-03-17 18:35:47 +01:00
parent 977e143b4e
commit ce0f036bef
2 changed files with 10 additions and 3 deletions

View File

@@ -1,8 +1,9 @@
import React, { useState } from 'react';
import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faInfoCircle as infoIcon } from '@fortawesome/free-solid-svg-icons';
import { Modal, ModalBody, ModalHeader } from 'reactstrap';
import './UseExistingIfFoundInfoIcon.scss';
import { useToggle } from '../utils/utils';
const renderInfoModal = (isOpen, toggle) => (
<Modal isOpen={isOpen} toggle={toggle} centered size="lg">
@@ -40,8 +41,7 @@ const renderInfoModal = (isOpen, toggle) => (
);
const UseExistingIfFoundInfoIcon = () => {
const [ isModalOpen, setIsModalOpen ] = useState(false);
const toggleModal = () => setIsModalOpen(!isModalOpen);
const [ isModalOpen, toggleModal ] = useToggle(false);
return (
<React.Fragment>