diff --git a/src/pageElements/Tooltip.js b/src/pageElements/Tooltip.js index ed6bdf7..bd10aa8 100644 --- a/src/pageElements/Tooltip.js +++ b/src/pageElements/Tooltip.js @@ -3,22 +3,21 @@ import "../styles/tooltip.scss"; import { InfoCircle, Clock } from "react-bootstrap-icons"; function Tooltip(props) { - const [show, setShow] = useState(false); + const [showMessage, setShowMessage] = useState(false); const { text, iconStyle } = props; const showClock = iconStyle === "clock"; return (
setShow(true)} - onMouseLeave={() => setShow(false)} + onMouseEnter={() => setShowMessage(true)} + onMouseLeave={() => setShowMessage(false)} > {showClock ? ( ) : ( )} - - {show ? {text} : <>} + {showMessage ? {text} : <>}
); }