-
- }
- rightIcon={
- loading && loading === 'google' ? (
-
- ) : null
- }
- onClick={() => {
- setProvider('google');
- snowball.auth.google.startOAuthRedirect();
- }}
- className="flex-1 self-stretch"
- variant={'tertiary'}
- disabled={!!loading}
- >
- Continue with Google
-
-
- }
- rightIcon={
- loading && loading === 'github' ? (
-
- ) : null
- }
- onClick={async () => {
- setProvider('github');
- await new Promise((resolve) => setTimeout(resolve, 800));
- setProvider(false);
- toast({
- id: 'coming-soon',
- title: 'Sign-in with GitHub is coming soon!',
- variant: 'info',
- onDismiss() {},
- });
- }}
- className="flex-1 self-stretch"
- variant={'tertiary'}
- disabled={!!loading}
- >
- Continue with GitHub
-
-
- }
- rightIcon={
- loading && loading === 'apple' ? (
-
- ) : null
- }
- onClick={async () => {
- setProvider('apple');
- // snowball.auth.apple.startOAuthRedirect();
- await new Promise((resolve) => setTimeout(resolve, 800));
- setProvider(false);
- toast({
- id: 'coming-soon',
- title: 'Sign-in with Apple is coming soon!',
- variant: 'info',
- onDismiss() {},
- });
- }}
- className={`flex-1 self-stretch border-black enabled:bg-black text-white ${
- loading && loading === 'apple' ? 'disabled:bg-black' : ''
- }`}
- variant={'tertiary'}
- disabled={!!loading}
- >
- Continue with Apple
-
-
-
- {error && error.type === 'provider' && (
-
-
Error: {error.message}
-
- )}
-
-
-
-
-
-
- Email
-
-
setEmail(e.target.value)}
- disabled={!!loading}
- />
-
-
- ) : (
-
- )
- }
- onClick={() => {
- authEmail();
- }}
- variant={'secondary'}
- disabled={!email || !emailValid || !!loading}
- >
- Continue with Email
-
-
- {error && error.type === 'email' && (
-
-
- Error: {error.message}
-
-
- )}
-
-
- Already an user?
-
-
-
- Sign in now
-
-
-
-
-
-