24 lines
577 B
TypeScript
24 lines
577 B
TypeScript
import { useRef, type RefObject } from 'react'
|
|
|
|
export function useEnterSubmit(): {
|
|
formRef: RefObject<HTMLFormElement>
|
|
onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void
|
|
} {
|
|
const formRef = useRef<HTMLFormElement>(null)
|
|
|
|
const handleKeyDown = (
|
|
event: React.KeyboardEvent<HTMLTextAreaElement>
|
|
): void => {
|
|
if (
|
|
event.key === 'Enter' &&
|
|
!event.shiftKey &&
|
|
!event.nativeEvent.isComposing
|
|
) {
|
|
formRef.current?.requestSubmit()
|
|
event.preventDefault()
|
|
}
|
|
}
|
|
|
|
return { formRef, onKeyDown: handleKeyDown }
|
|
}
|