dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Autofocus inputs (#486)

Browse source
This commit is contained in:
Jeremy 2024-11-05 11:54:57 +03:00 • committed by GitHub
parent affd387d03
commit cab9fddecc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/custom/submit-button.tsx
View file

@ -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 (
<Button
type={pending ? "button" : "submit"}
type={pending ? 'button' : 'submit'}
aria-disabled={pending}
disabled={pending}
className="relative"
>
{children}
@ -22,7 +23,7 @@ export function SubmitButton({ children }: { children: React.ReactNode }) {
</span>
)}
<span aria-live="polite" className="sr-only" role="status">
{pending ? "Loading" : "Submit form"}
{pending ? 'Loading' : 'Submit form'}
</span>
</Button>
);