diff --git a/src/app/_components/loadingButton/LoadingButton.tsx b/src/app/_components/loadingButton/LoadingButton.tsx index 051c4eb..e334b8b 100644 --- a/src/app/_components/loadingButton/LoadingButton.tsx +++ b/src/app/_components/loadingButton/LoadingButton.tsx @@ -1,30 +1,34 @@ 'use client'; +import { forwardRef } from "react"; import { Button } from "@/components/ui/button"; import { Loader2 } from "lucide-react"; +import clsx from "clsx"; +import LoadingButtonProps from "./LoadingButtonProps"; -interface LoadingButtonProps { - text: string; - loading?: boolean; // recebe loading do form - type?: "button" | "submit" | "reset"; - variant?: "default" | "outline" | "secondary" | "ghost" | "destructive"; -} +const LoadingButton = forwardRef( + ({ text, textLoading, loading = false, className, disabled, ...props }, ref) => { + return ( + + ); + } +); -export default function LoadingButton({ - text, - loading = false, - type = "button", - variant = "default", -}: LoadingButtonProps) { - return ( - - ); -} +LoadingButton.displayName = "LoadingButton"; + +export default LoadingButton; \ No newline at end of file diff --git a/src/app/_components/loadingButton/LoadingButtonProps.ts b/src/app/_components/loadingButton/LoadingButtonProps.ts new file mode 100644 index 0000000..195f683 --- /dev/null +++ b/src/app/_components/loadingButton/LoadingButtonProps.ts @@ -0,0 +1,7 @@ +import { Button } from "@/components/ui/button"; + +export default interface LoadingButtonProps extends React.ComponentProps { + text: string; + textLoading: string; + loading?: boolean; +} \ No newline at end of file diff --git a/src/components/login-form.tsx b/src/components/login-form.tsx index 28d1d2b..e2b5c6f 100644 --- a/src/components/login-form.tsx +++ b/src/components/login-form.tsx @@ -90,7 +90,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<"div">) /> {/* Botão de loading */} - +
@@ -99,8 +99,12 @@ export function LoginForm({ className, ...props }: React.ComponentProps<"div">)
- - + +