chatbot-template/lib/hooks/use-command-enter-submit.tsx
2023-06-02 15:33:48 -04:00

19 lines
497 B
TypeScript

import type { RefObject } from 'react'
import { useRef } from 'react'
export function useCmdEnterSubmit(): {
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') {
formRef.current?.requestSubmit()
}
}
return { formRef, onKeyDown: handleKeyDown }
}