diff --git a/landing-react/src/components/HeroSalesChat.tsx b/landing-react/src/components/HeroSalesChat.tsx index 33a8bb6..b162776 100644 --- a/landing-react/src/components/HeroSalesChat.tsx +++ b/landing-react/src/components/HeroSalesChat.tsx @@ -35,13 +35,17 @@ export default function HeroSalesChat() { if (el) el.scrollTop = el.scrollHeight }, [messages, isLoading]) + // Fokus zurück ins Eingabefeld sobald isLoading endet (Input ist dann wieder aktiv) + useEffect(() => { + if (!isLoading) inputRef.current?.focus() + }, [isLoading]) + const sendMessage = async () => { const text = input.trim() if (!text || isLoading) return setInput('') setError(null) - inputRef.current?.focus() const userMsg: Message = { id: crypto.randomUUID(), role: 'user', text } setMessages((prev) => [...prev, userMsg]) diff --git a/landing-react/src/components/Steps.tsx b/landing-react/src/components/Steps.tsx index 477c5a0..41f0e04 100644 --- a/landing-react/src/components/Steps.tsx +++ b/landing-react/src/components/Steps.tsx @@ -1,3 +1,4 @@ +import { Fragment } from 'react' import { UserPlus, Upload, Code2 } from 'lucide-react' import type { ReactNode } from 'react' @@ -53,9 +54,8 @@ export default function Steps() { {/* Steps */}
{steps.map((step, idx) => ( - <> +
+
)} - + ))}