cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-15 12:23:51 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: event editor color picker (#1400)

Browse Source 
* refactor: event editor color picker

* refactor: throttle and debounce function signature
This commit is contained in:
Shobhit Nagpal
2024-12-27 15:27:48 +05:30
committed by GitHub
parent 7f39d035fd
commit 6bbf8ce795
8 changed files with 111 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/common/hooks/useFadeOutOnInactivity.tsx
+4 -4
View File
@@ -1,6 +1,6 @@
import { useEffect, useState } from 'react';
import { debounce } from '../../common/utils/debounce';
import { throttle } from '../../common/utils/throttle';
export const useFadeOutOnInactivity = () => {
const [isMouseMoved, setIsMouseMoved] = useState(false);
@@ -16,11 +16,11 @@ export const useFadeOutOnInactivity = () => {
fadeOut = setTimeout(() => setIsMouseMoved(false), 3000);
};
const debouncedShowMenu = debounce(setShowMenuTrue, 1000);
const throttledShowMenu = throttle(setShowMenuTrue, 1000);
document.addEventListener('mousemove', debouncedShowMenu);
document.addEventListener('mousemove', throttledShowMenu);
return () => {
document.removeEventListener('mousemove', debouncedShowMenu);
document.removeEventListener('mousemove', throttledShowMenu);
if (fadeOut) {
clearTimeout(fadeOut);
}