Skip to content

Commit

Permalink
feat(overlay): add custom hook for mouse jiggle overlay display
Browse files Browse the repository at this point in the history
  • Loading branch information
busybox11 committed Dec 8, 2024
1 parent 477f5dc commit 6ef39ed
Showing 1 changed file with 27 additions and 0 deletions.
27 changes: 27 additions & 0 deletions app/hooks/useMouseJiggleOverlay.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import { useEffect, useState } from "react";

export default function useMouseJiggleOverlay() {
const [showOverlay, setShowOverlay] = useState(true);

useEffect(() => {
const handleMouseMove = () => {
setShowOverlay(true);

window.clearTimeout(timeout);
timeout = setTimeout(() => {
setShowOverlay(false);
}, 6000);
};

let timeout: NodeJS.Timeout;

window.addEventListener("mousemove", handleMouseMove);
handleMouseMove();

return () => {
window.removeEventListener("mousemove", handleMouseMove);
};
}, []);

return showOverlay;
}

0 comments on commit 6ef39ed

Please sign in to comment.