All files / src/components/ui busy-button.tsx

100% Statements 2/2
100% Branches 6/6
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21                            2x 93x          
// SPDX-License-Identifier: GPL-3.0-only
// Copyright (C) 2026 Max Boksem. See NOTICE for additional terms under GPLv3 section 7.
 
import { RefreshCw } from "lucide-react";
import { Button, type ButtonProps } from "@/components/ui/button";
import { cn } from "@/lib/utils";
 
interface BusyButtonProps extends ButtonProps {
	busy: boolean;
	/** Replaces the label while busy, so the button says what it is doing. */
	busyLabel: string;
}
 
/** A small refresh button that spins its icon and stays disabled while its action runs. */
export const BusyButton = ({ busy, busyLabel, disabled, children, ...props }: BusyButtonProps) => (
	<Button variant="secondary" size="sm" disabled={busy || disabled} {...props}>
		<RefreshCw className={cn("h-3.5 w-3.5 mr-1.5", busy && "animate-spin")} />
		{busy ? busyLabel : children}
	</Button>
);