Function TaskActionButton

site/src/modules/tasks/TaskActionButton.tsx:32–64

({
	action,
	disabled,
	loading,
	onClick,
})

} as const;

export const TaskActionButton: FC<TaskActionButtonProps> = ({
	action,
	disabled,
	loading,
	onClick,
}) => {
	const config = actionConfig[action];
	const Icon = config.icon;

	return (
		<TooltipProvider>
			<Tooltip>
				<TooltipTrigger asChild>
					<Button
						size="icon-lg"
						variant="outline"
						disabled={disabled || loading}
						onClick={(e) => {
							e.stopPropagation();
							onClick();
						}}
					>
						<Spinner loading={loading}>
							<Icon aria-hidden="true" />
						</Spinner>
						<span className="sr-only">{config.label}</span>
					</Button>
				</TooltipTrigger>
				<TooltipContent>{config.tooltip}</TooltipContent>
			</Tooltip>
		</TooltipProvider>
	);
};