diff --git a/src/components/PageComponents/Messages/MessageInput.tsx b/src/components/PageComponents/Messages/MessageInput.tsx index f2864c27..a0d21dc6 100644 --- a/src/components/PageComponents/Messages/MessageInput.tsx +++ b/src/components/PageComponents/Messages/MessageInput.tsx @@ -1,7 +1,5 @@ import type React from "react"; -import { useForm } from "react-hook-form"; - import { IconButton } from "@app/components/form/IconButton.js"; import { Input } from "@app/components/form/Input.js"; import { useDevice } from "@core/providers/useDevice.js"; @@ -14,20 +12,13 @@ export interface MessageInputProps { } export const MessageInput = ({ channel }: MessageInputProps): JSX.Element => { - const { connection, setMessageState } = useDevice(); - - const { register, handleSubmit } = useForm<{ - message: string; - }>({ - defaultValues: { - message: "" - } - }); + const { connection, setMessageState, messageDraft, setMessageDraft } = + useDevice(); - const onSubmit = handleSubmit(async (data) => { + const sendText = async (message: string) => { await connection ?.sendText({ - text: data.message, + text: message, wantAck: true, channel: channel.config.index as Types.ChannelNumber }) @@ -35,11 +26,18 @@ export const MessageInput = ({ channel }: MessageInputProps): JSX.Element => { .catch((e: Types.PacketError) => setMessageState(channel.config.index, e.id, e.error) ); - }); + }; return (