Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-10 04:22:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: add loading text prop

Browse Source
This commit is contained in:
nafees nazik
2023-11-30 15:20:06 +05:30
parent 0b2dce2238
commit 231a307b89
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/ui/primitives/button.tsx
View File

@ -53,18 +53,23 @@ export interface ButtonProps
* Will display the loading spinner and disable the button.
*/
loading?: boolean;
/**
* The label to show in the button when `isLoading` is true
*/
loadingText?: string;
}
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
({ className, variant, size, asChild = false, loading, ...props }, ref) => {
({ className, variant, size, asChild = false, loadingText, loading, ...props }, ref) => {
if (asChild) {
return (
<Slot className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />
);
}
const showLoader = loading === true;
const isDisabled = props.disabled || showLoader;
const isLoading = loading === true;
const isDisabled = props.disabled || isLoading;
return (
<button
@ -73,8 +78,8 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
{...props}
disabled={isDisabled}
>
{showLoader && <Loader className={cn('mr-2 animate-spin', loaderVariants({ size }))} />}
{props.children}
{isLoading && <Loader className={cn('mr-2 animate-spin', loaderVariants({ size }))} />}
{isLoading && loadingText ? loadingText : props.children}
</button>
);
},