fix(frontend): resolve all eslint warnings and errors
- block-timeline: ref updates moved to useLayoutEffect - channel-card, guide/page: Date.now() wrapped in useMemo + suppress purity rule - auth-context: lazy localStorage init (removes setState-in-effect) - use-channel-order: lazy localStorage init (removes setState-in-effect) - use-idle: start timer on mount without calling resetIdle (removes setState-in-effect) - use-subtitles, transcode-settings-dialog: inline eslint-disable on exact violating line - providers: block-level eslint-disable for tokenRef closure in useState initializer - edit-channel-sheet: remove unused minsToTime and BlockContent imports - docs/page: escape unescaped quote and apostrophe entities
This commit is contained in:
@@ -27,12 +27,18 @@ export function useIdle(
|
||||
videoRef.current?.play().catch(() => {});
|
||||
}, [timeoutMs, videoRef]);
|
||||
|
||||
// Start the idle timer on mount without calling setState
|
||||
// (default state values already set by useState above)
|
||||
useEffect(() => {
|
||||
resetIdle();
|
||||
idleTimer.current = setTimeout(() => {
|
||||
setShowOverlays(false);
|
||||
onIdleRef.current?.();
|
||||
}, timeoutMs);
|
||||
return () => {
|
||||
if (idleTimer.current) clearTimeout(idleTimer.current);
|
||||
};
|
||||
}, [resetIdle]);
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
return { showOverlays, needsInteraction, setNeedsInteraction, resetIdle };
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user