Odstranit sk1/frontend/src/components/ChatInput.jsx

This commit is contained in:
Tetiana Mohorian 2025-04-29 22:44:06 +00:00
parent 08e22481a1
commit f70128f309

View File

@ -1,67 +0,0 @@
import React, { useState } from 'react';
import { Send } from 'lucide-react';
const ChatInput = ({ onSubmit }) => {
const [input, setInput] = useState('');
const [error, setError] = useState('');
const handleSubmit = async (e) => {
e.preventDefault();
setError(""); // reset chyby
if (input.trim()) {
try {
const response = await fetch("https://hate-backend-production.up.railway.app/api/predict", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ text: input }),
});
const data = await response.json();
if (!response.ok) {
setError(data.error || "Chyba pri analýze textu.");
return;
}
if (onSubmit) {
onSubmit(input, data.prediction);
}
setInput('');
} catch (error) {
console.error("Chyba požiadavky:", error);
setError("Nepodarilo sa spojiť so serverom.");
}
} else {
setError("Text nesmie byť prázdny.");
}
};
return (
<div className="input-container">
<form onSubmit={handleSubmit} className="input-wrapper">
<input
type="text"
value={input}
onChange={(e) => setInput(e.target.value)}
placeholder="Zadajte text na analýzu"
className="text-input"
/>
<button type="submit" className="submit-button" title="Spustiť analýzu">
<Send size={24} />
</button>
</form>
{error && (
<div className="mt-8 text-red-500 font-semibold text-center">
{error}
</div>
)}
</div>
);
};
export default ChatInput;