diff --git a/components/custom/auth-form.tsx b/components/custom/auth-form.tsx index 2bbd08d..0b9a2f5 100644 --- a/components/custom/auth-form.tsx +++ b/components/custom/auth-form.tsx @@ -30,6 +30,7 @@ export function AuthForm({ placeholder="user@acme.com" autoComplete="email" required + autoFocus defaultValue={defaultEmail} /> diff --git a/components/custom/multimodal-input.tsx b/components/custom/multimodal-input.tsx index c481041..7198f41 100644 --- a/components/custom/multimodal-input.tsx +++ b/components/custom/multimodal-input.tsx @@ -254,6 +254,7 @@ export function MultimodalInput({ className )} rows={3} + autoFocus onKeyDown={(event) => { if (event.key === 'Enter' && !event.shiftKey) { event.preventDefault(); diff --git a/components/custom/submit-button.tsx b/components/custom/submit-button.tsx index 3ef300b..903330d 100644 --- a/components/custom/submit-button.tsx +++ b/components/custom/submit-button.tsx @@ -1,18 +1,19 @@ -"use client"; +'use client'; -import { useFormStatus } from "react-dom"; +import { useFormStatus } from 'react-dom'; -import { LoaderIcon } from "@/components/custom/icons"; +import { LoaderIcon } from '@/components/custom/icons'; -import { Button } from "../ui/button"; +import { Button } from '../ui/button'; export function SubmitButton({ children }: { children: React.ReactNode }) { const { pending } = useFormStatus(); return ( );