cerc-io/snowballtools-base-mirror
16
0
Fork 0
mirror of https://github.com/snowball-tools/snowballtools-base.git synced 2024-12-22 08:27:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "remove email signup for now"

Browse Source 
This reverts commit 0e9c3a07fd.
This commit is contained in:
Gilbert 2024-06-04 16:26:15 -05:00
parent 8f7fc888a9
commit bfb4a3f30b
1 changed files with 36 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
packages/frontend/src/pages/auth/SignUp.tsx
View File

@ -1,20 +1,26 @@
import { Button } from 'components/shared/Button';
import { GithubIcon, LoaderIcon } from 'components/shared/CustomIcon';
import {
ArrowRightCircleFilledIcon,
GithubIcon,
LoaderIcon,
} from 'components/shared/CustomIcon';
import { GoogleIcon } from 'components/shared/CustomIcon/GoogleIcon';
import { DotBorder } from 'components/shared/DotBorder';
import { WavyBorder } from 'components/shared/WavyBorder';
import { useEffect, useState } from 'react';
import { useSnowball } from 'utils/use-snowball';
import { Input } from 'components/shared/Input';
import { AppleIcon } from 'components/shared/CustomIcon/AppleIcon';
import { Link } from 'react-router-dom';
import { useToast } from 'components/shared/Toast';
import { PKPEthersWallet } from '@lit-protocol/pkp-ethers';
import { signInWithEthereum } from 'utils/siwe';
import { logError } from 'utils/log-error';
// import {
// subOrganizationIdForEmail,
// turnkeySignin,
// turnkeySignup,
// } from 'utils/turnkey-frontend';
import {
subOrganizationIdForEmail,
turnkeySignin,
turnkeySignup,
} from 'utils/turnkey-frontend';
type Provider = 'google' | 'github' | 'apple' | 'email';
@ -25,7 +31,7 @@ type Props = {
};
export const SignUp = ({ onDone }: Props) => {
// const [email, setEmail] = useState('');
const [email, setEmail] = useState('');
const [error, setError] = useState<Err | null>();
const [provider, setProvider] = useState<Provider | false>(false);
@ -81,29 +87,29 @@ export const SignUp = ({ onDone }: Props) => {
}
}
// async function authEmail() {
// setProvider('email');
// try {
// const orgId = await subOrganizationIdForEmail(email);
// console.log('orgId', orgId);
// if (orgId) {
// await turnkeySignin(orgId);
// window.location.href = '/dashboard';
// } else {
// await turnkeySignup(email);
// onDone();
// }
// } catch (err: any) {
// setError({ type: 'email', message: err.message });
// }
// }
async function authEmail() {
setProvider('email');
try {
const orgId = await subOrganizationIdForEmail(email);
console.log('orgId', orgId);
if (orgId) {
await turnkeySignin(orgId);
window.location.href = '/dashboard';
} else {
await turnkeySignup(email);
onDone();
}
} catch (err: any) {
setError({ type: 'email', message: err.message });
}
}
useEffect(() => {
handleSignupRedirect();
}, []);
const loading = provider;
// const emailValid = /.@./.test(email);
const emailValid = /.@./.test(email);
return (
<div>
@ -193,16 +199,16 @@ export const SignUp = ({ onDone }: Props) => {
</div>
)}
{/* <div className="self-stretch justify-start items-center gap-8 inline-flex">
<div className="self-stretch justify-start items-center gap-8 inline-flex">
<DotBorder className="flex-1" />
<div className="text-center text-slate-400 text-xs font-normal font-['JetBrains Mono'] leading-none">
OR
</div>
<DotBorder className="flex-1" />
</div> */}
</div>
<div className="self-stretch flex-col gap-8 flex">
{/* <div className="flex-col justify-start items-start gap-2 inline-flex">
<div className="flex-col justify-start items-start gap-2 inline-flex">
<div className="text-sky-950 text-sm font-normal font-['Inter'] leading-tight">
Email
</div>
@ -211,8 +217,8 @@ export const SignUp = ({ onDone }: Props) => {
onChange={(e) => setEmail(e.target.value)}
disabled={!!loading}
/>
</div> */}
{/* <Button
</div>
<Button
rightIcon={
loading && loading === 'email' ? (
<LoaderIcon className="animate-spin" />
@ -227,7 +233,7 @@ export const SignUp = ({ onDone }: Props) => {
disabled={!email || !emailValid || !!loading}
>
Continue with Email
</Button> */}
</Button>
<div className="flex flex-col gap-3">
{error && error.type === 'email' && (
<div className="justify-center items-center gap-2 inline-flex">