refactoring some files.

2026-07-14 11:16:13 +02:00 · 2024-12-16 11:55:16 +01:00
parent 5484e8841a
commit 317c043815
93 changed files with 207 additions and 265 deletions
@@ -0,0 +1,59 @@
+"use client"
+import {Button} from "@/components/ui/button";
+import {ButtonHTMLAttributes, useState} from "react";
+import {Loader2} from "lucide-react";
+
+export type VariantButton = {
+    secondary: string
+    default: string
+    outline: string
+    ghost: string
+    link: string
+    destructive: string
+}
+export type sizeButton = {
+    default :string,
+    icon: string
+    sm: string
+    lg: string
+}
+
+export type ButtonWithConfirmProps = {
+    icon?: any,
+    text: string,
+    variant?: keyof VariantButton,
+    className?: string,
+    onClick: () => void,
+    isPending?: boolean
+    size: keyof sizeButton
+};
+
+export const ButtonWithLoading = ({
+                                      icon,
+                                      text,
+                                      variant,
+                                      className,
+                                      onClick,
+                                      isPending,
+                                      size,
+                                      ...props // catch all remaining props
+                                  }: ButtonWithConfirmProps & ButtonHTMLAttributes<HTMLButtonElement>) => {
+    return (
+        <Button
+            onClick={() => {
+                onClick()
+            }}
+            variant={variant ? variant : "default"}
+            className={className}
+            {...props} // forward the remaining props to the Button component
+            size={size || "default"}
+
+        >
+            {isPending && <Loader2 className="animate-spin mr-4" size={16}/>}
+            {text}
+            <>
+                {icon ? icon : null}
+            </>
+        </Button>
+    )
+}