ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace name with email in widget reg

Browse Source
This commit is contained in:
Tristan Yang
2023-07-14 17:36:37 +08:00
parent 1fef549842
commit eb6cf610a8
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/widget/Popup/Login/index.tsx
+14 -6
View File
@@ -26,6 +26,7 @@ const Login = () => {
const { clientId } = useGoogleAuthConfig(); const { clientId } = useGoogleAuthConfig();
const { config: githubAuthConfig } = useGithubAuthConfig(); const { config: githubAuthConfig } = useGithubAuthConfig();
const [register, { isLoading, isSuccess, data, error }] = useRegisterMutation(); const [register, { isLoading, isSuccess, data, error }] = useRegisterMutation();
// const [login]= useLoginMutation();
const { data: loginConfig, isSuccess: loginConfigSuccess } = useGetLoginConfigQuery(); const { data: loginConfig, isSuccess: loginConfigSuccess } = useGetLoginConfigQuery();
const handleSubmit = (evt: FormEvent<HTMLFormElement>) => { const handleSubmit = (evt: FormEvent<HTMLFormElement>) => {
evt.preventDefault(); evt.preventDefault();
@@ -38,12 +39,14 @@ const Login = () => {
const data = new FormData(form); const data = new FormData(form);
const name = data.get("username") as string; const name = data.get("username") as string;
// const email = data.get("email") as string; // const email = data.get("email") as string;
console.log("name,email", name); console.log("name", name);
const randomEmail = `${name}-${(Math.random() + 1).toString(36).substring(7)}@${from}`; const rand = (Math.random() + 1).toString(36).substring(7);
const nameFromEmail = `${name}-${rand}`;
const randomEmail = `${name}-${rand}-${from}`;
register({ register({
name, name: nameFromEmail,
email: randomEmail, email: randomEmail,
password: randomEmail password: nameFromEmail
}); });
// const content = new FormData(form).get("prompt") as string; // const content = new FormData(form).get("prompt") as string;
}; };
@@ -58,6 +61,11 @@ const Login = () => {
switch (error.status) { switch (error.status) {
case 409: case 409:
toast.error("Email existed already!"); toast.error("Email existed already!");
// login({
// name: data?.name,
// email: data?.email,
// password
// })
break; break;
default: default:
toast.error("Something error!"); toast.error("Something error!");
@@ -73,8 +81,8 @@ const Login = () => {
<div className="w-full max-w-[288px] flex flex-col gap-2 mt-4 animate-[fadeInUp_.5s_.8s_ease-in-out_both]"> <div className="w-full max-w-[288px] flex flex-col gap-2 mt-4 animate-[fadeInUp_.5s_.8s_ease-in-out_both]">
<div className="bg-white dark:bg-gray-700 border dark:border-gray-500 rounded-lg"> <div className="bg-white dark:bg-gray-700 border dark:border-gray-500 rounded-lg">
<form className="px-4 py-3 flex flex-col gap-2" onSubmit={handleSubmit}> <form className="px-4 py-3 flex flex-col gap-2" onSubmit={handleSubmit}>
<Input required placeholder="Name" type="text" name="username" /> {/* input email as username */}
{/* <Input required placeholder="Email" type="email" name='email' /> */} <Input required placeholder="Email" type="email" name="username" />
<StyledButton <StyledButton
disabled={isLoading} disabled={isLoading}
type="submit" type="submit"