Skip to content

Commit 812865a

Browse files
fix(VersionsBar): add debounce to mouse leave (#2656)
1 parent 4fb69ad commit 812865a

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

src/components/VersionsBar/VersionsBar.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -94,11 +94,13 @@ export function VersionsBar({preparedVersions}: VersionsBarProps) {
9494
setHoveredVersion(version);
9595
}, HOVER_DELAY);
9696
}, []);
97-
98-
const handleMouseLeave = () => {
97+
const handleMouseLeave = React.useMemo(() => {
9998
handleMouseEnter.cancel();
100-
setHoveredVersion(undefined);
101-
};
99+
100+
return debounce(() => {
101+
setHoveredVersion(undefined);
102+
}, HOVER_DELAY);
103+
}, [handleMouseEnter]);
102104

103105
const isDimmed = (version: string) => {
104106
return hoveredVersion && hoveredVersion !== version;

0 commit comments

Comments
 (0)