Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-23 18:17:38 +00:00
Code Issues Projects Releases Wiki Activity

Simplify focus Target

Browse source
This commit is contained in:
Jordan Eldredge 2019-04-19 09:55:15 -07:00
parent c3225653f9
commit f68257d5cc
1 changed files with 4 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

18
js/components/FocusTarget.tsx
View file

@ -28,31 +28,21 @@ function FocusTarget(props: Props) {
}
}, [windowId, focusedWindowId, setFocus]);
const blurHandler = useCallback(() => {
setFocus(null);
}, [setFocus]);
const ref = useRef<HTMLDivElement>(null);
useEffect(() => {
const { current } = ref;
if (current == null) {
if (current == null || onKeyDown == null) {
return;
}
const listener = (e: KeyboardEvent) => {
if (windowId === focusedWindowId && onKeyDown != null) {
onKeyDown(e);
}
};
current.addEventListener("keydown", listener);
return () => current.removeEventListener("keydown", listener);
current.addEventListener("keydown", onKeyDown);
return () => current.removeEventListener("keydown", onKeyDown);
}, [onKeyDown, windowId, focusedWindowId]);
return (
<div
ref={ref}
onMouseDown={focusHandler}
onBlur={blurHandler}
onFocus={focusHandler}
tabIndex={-1}
style={{ height: "100%", width: "100%" }}
>