mirror/temporal-ai-agent
1
0
Fork 0
mirror of https://github.com/temporal-community/temporal-ai-agent.git synced 2026-03-15 14:08:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

input bar select fix

Browse Source
This commit is contained in:
Steve Androulakis
2025-01-04 16:14:00 -08:00
parent 971a2c0c8b
commit bde21f2a3a
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/App.jsx
View File

@@ -6,6 +6,7 @@ const POLL_INTERVAL = 500; // 0.5 seconds
export default function App() { export default function App() {
const containerRef = useRef(null); const containerRef = useRef(null);
const inputRef = useRef(null);
const [conversation, setConversation] = useState([]); const [conversation, setConversation] = useState([]);
const [userInput, setUserInput] = useState(""); const [userInput, setUserInput] = useState("");
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
@@ -87,6 +88,12 @@ export default function App() {
} }
}, [conversation, loading, done]); }, [conversation, loading, done]);
useEffect(() => {
if (inputRef.current) {
inputRef.current.focus(); // Ensure the input box retains focus
}
}, [userInput, loading, done]); // Add other dependencies if necessary
return ( return (
<div className="flex flex-col h-screen"> <div className="flex flex-col h-screen">
@@ -122,6 +129,7 @@ export default function App() {
> >
<div className="flex items-center"> <div className="flex items-center">
<input <input
ref={inputRef}
type="text" type="text"
className={`flex-grow rounded-l px-3 py-2 border border-gray-300 className={`flex-grow rounded-l px-3 py-2 border border-gray-300
dark:bg-gray-700 dark:border-gray-600 focus:outline-none dark:bg-gray-700 dark:border-gray-600 focus:outline-none