Implement logic

2026-09-23 03:25:07 +03:00 · 2025-08-30 12:08:25 +03:00
parent 138e0420cf
commit ebd075136b
14 changed files with 585 additions and 43 deletions
@@ -1,9 +1,31 @@
+import { useState } from "react";
+import { useChat } from "../../hooks/useChat";
+
 export function ChatInputWrapper() {
+    const [message, setMessage] = useState("");
+    const { sendMessage } = useChat();
+
+    const handleSubmit = async (e: React.FormEvent) => {
+        e.preventDefault();
+        if (message.trim()) {
+            await sendMessage(message);
+            setMessage("");
+        }
+    };
+
    return (
        <div className="chat-input-wrapper">
            <div className="chat-input">
-                <form className="input-group" id="message-form">
-                    <input type="text" className="message-input" id="message-input" placeholder="Напишите сообщение..." autoComplete="off" />
+                <form className="input-group" id="message-form" onSubmit={handleSubmit}>
+                    <input 
+                        type="text" 
+                        className="message-input" 
+                        id="message-input" 
+                        placeholder="Напишите сообщение..." 
+                        autoComplete="off"
+                        value={message}
+                        onChange={(e) => setMessage(e.target.value)}
+                    />
                    <button type="submit" className="send-btn">
                        <span className="material-symbols filled">send</span>
                    </button>