fix: submit question on return key

This commit is contained in:
2025-09-24 12:53:56 +02:00
parent 64f2aa449d
commit fe256417d5
2 changed files with 10 additions and 4 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title> <title>Kwisatz Haderach - Dune Expert</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

View File

@@ -164,7 +164,13 @@ function RouteComponent() {
</div> </div>
</CardContent> </CardContent>
</Card> </Card>
<div className="flex gap-3 flex-shrink-0"> <form
className="flex gap-3 flex-shrink-0"
onSubmit={(e) => {
e.preventDefault();
handleSendQuestion();
}}
>
<Input <Input
className="flex-1" className="flex-1"
placeholder="Start typing..." placeholder="Start typing..."
@@ -172,14 +178,14 @@ function RouteComponent() {
onChange={(e) => setInputValue(e.target.value)} onChange={(e) => setInputValue(e.target.value)}
disabled={isBusy} disabled={isBusy}
/> />
<Button size="icon" disabled={isBusy} onClick={handleSendQuestion}> <Button size="icon" disabled={isBusy} type="submit">
{isBusy ? ( {isBusy ? (
<LoaderCircleIcon className="animate-spin" /> <LoaderCircleIcon className="animate-spin" />
) : ( ) : (
<SendHorizontalIcon /> <SendHorizontalIcon />
)} )}
</Button> </Button>
</div> </form>
</div> </div>
</div> </div>
); );