Odstranit sk1/frontend/src/components/ChatInput.jsx
This commit is contained in:
parent
08e22481a1
commit
f70128f309
@ -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;
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user