feat: update water level datasets and improve Tooltip component responsiveness
This commit is contained in:
@@ -26,10 +26,6 @@ export const Tooltip = ({ content, children }: Props) => {
|
||||
|
||||
useEffect(() => {
|
||||
if (!show) {
|
||||
setPositionStyle({
|
||||
left: '50%',
|
||||
transform: 'translateX(-50%)',
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -67,10 +63,16 @@ export const Tooltip = ({ content, children }: Props) => {
|
||||
<div
|
||||
ref={containerRef}
|
||||
style={{ position: 'relative', display: 'inline-flex' }}
|
||||
onMouseEnter={() => setShow(true)}
|
||||
onMouseEnter={() => {
|
||||
setPositionStyle({ left: '50%', transform: 'translateX(-50%)' });
|
||||
setShow(true);
|
||||
}}
|
||||
onMouseLeave={() => setShow(false)}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
if (!show) {
|
||||
setPositionStyle({ left: '50%', transform: 'translateX(-50%)' });
|
||||
}
|
||||
setShow(!show);
|
||||
}}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user