28 lines
703 B
TypeScript
28 lines
703 B
TypeScript
import { useCallback, useEffect, useRef } from '../lib/teact/teact';
|
|
|
|
const useSendWithEnter = (
|
|
onSelect: NoneToVoidFunction,
|
|
) => {
|
|
// eslint-disable-next-line no-null/no-null
|
|
const buttonRef = useRef<HTMLDivElement>(null);
|
|
|
|
const handleKeyDown = useCallback((e: KeyboardEvent) => {
|
|
if (e.key !== 'Enter') return;
|
|
const isFocused = buttonRef.current === document.activeElement;
|
|
|
|
if (isFocused) {
|
|
onSelect();
|
|
}
|
|
}, [onSelect]);
|
|
|
|
useEffect(() => {
|
|
window.addEventListener('keydown', handleKeyDown, false);
|
|
|
|
return () => window.removeEventListener('keydown', handleKeyDown, false);
|
|
}, [handleKeyDown]);
|
|
|
|
return buttonRef;
|
|
};
|
|
|
|
export default useSendWithEnter;
|