Function SignInButton

apps/desktop/src/components/SignInButton.tsx:6–29

(
	props: Omit<ComponentProps<typeof Button>, "onClick">,
)

import { createSignInMutation } from "~/utils/auth";

export function SignInButton(
	props: Omit<ComponentProps<typeof Button>, "onClick">,
) {
	const signIn = createSignInMutation();

	return (
		<Button
			size="md"
			class="flex grow justify-center items-center"
			{...props}
			variant={signIn.isPending ? "gray" : "primary"}
			onClick={() => {
				if (signIn.isPending) {
					signIn.variables.abort();
					signIn.reset();
				} else {
					signIn.mutate(new AbortController());
				}
			}}
		>
			{signIn.isPending ? "Cancel Sign In" : (props.children ?? "Sign In")}
		</Button>
	);
}