openstatus.dev
Openstatus
www.openstatus.dev
1"use client";
2
3import { useFormStatus } from "react-dom";
4
5import { Button } from "@openstatus/ui/src/components/button";
6
7import { LoadingAnimation } from "@/components/loading-animation";
8
9export function SubmitButton() {
10 const { pending } = useFormStatus();
11 return (
12 <Button
13 type="submit"
14 disabled={pending}
15 className="h-auto w-20 disabled:opacity-100"
16 >
17 {pending ? <LoadingAnimation /> : "Join"}
18 </Button>
19 );
20}