20 lines
542 B
TypeScript
20 lines
542 B
TypeScript
import type { RefObject } from 'react'
|
|
import { useRef } 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) {
|
|
formRef.current?.requestSubmit()
|
|
event.preventDefault()
|
|
}
|
|
}
|
|
|
|
return { formRef, onKeyDown: handleKeyDown }
|
|
}
|