kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-01-22 16:34:00 -06:00
parent 434ea2ec9e
commit b36fe56aa4
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pageElements/Tooltip.js
View File

@@ -3,22 +3,21 @@ import "../styles/tooltip.scss";
import { InfoCircle, Clock } from "react-bootstrap-icons"; import { InfoCircle, Clock } from "react-bootstrap-icons";
function Tooltip(props) { function Tooltip(props) {
const [show, setShow] = useState(false); const [showMessage, setShowMessage] = useState(false);
const { text, iconStyle } = props; const { text, iconStyle } = props;
const showClock = iconStyle === "clock"; const showClock = iconStyle === "clock";
return ( return (
<div <div
className="tooltip-container" className="tooltip-container"
onMouseEnter={() => setShow(true)} onMouseEnter={() => setShowMessage(true)}
onMouseLeave={() => setShow(false)} onMouseLeave={() => setShowMessage(false)}
> >
{showClock ? ( {showClock ? (
<Clock className="infocircle-icon" size="16px" /> <Clock className="infocircle-icon" size="16px" />
) : ( ) : (
<InfoCircle className="infocircle-icon" size="16px" /> <InfoCircle className="infocircle-icon" size="16px" />
)} )}
{showMessage ? <span className="tooltip-text">{text}</span> : <></>}
{show ? <span className="tooltip-text">{text}</span> : <></>}
</div> </div>
); );
} }