feat: email conflict tip in widget login

This commit is contained in:
Tristan Yang
2023-03-14 21:58:28 +08:00
parent 184191643a
commit b7882fb890
2 changed files with 20 additions and 1 deletions
+4
View File
@@ -6,6 +6,7 @@ import './assets/index.css';
import store from "./app/store";
import './i18n';
import { isDarkMode } from "./common/utils";
import { Toaster } from "react-hot-toast";
const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
const hostId = new URLSearchParams(location.search).get("host") || 1;
@@ -18,6 +19,9 @@ if (isDarkMode()) {
root.render(
hostId ? <Provider store={store}>
<WidgetProvider>
<Toaster toastOptions={{
className: "dark:!bg-gray-800 dark:!text-gray-50"
}} />
<Widget hostId={Number(hostId)} />
</WidgetProvider>
</Provider> : null
+16 -1
View File
@@ -1,6 +1,7 @@
// import React from 'react'
import clsx from 'clsx';
import { FormEvent, useEffect } from 'react';
import { toast } from 'react-hot-toast';
import { useDispatch } from 'react-redux';
import { useRegisterMutation } from '../../../app/services/auth';
import { useGetLoginConfigQuery } from '../../../app/services/server';
@@ -21,7 +22,7 @@ const Login = () => {
const { color, fgColor, from } = useWidget();
const { clientId } = useGoogleAuthConfig();
const { config: githubAuthConfig } = useGithubAuthConfig();
const [register, { isLoading, isSuccess, data }] = useRegisterMutation();
const [register, { isLoading, isSuccess, data, error }] = useRegisterMutation();
const { data: loginConfig, isSuccess: loginConfigSuccess } = useGetLoginConfigQuery();
const handleSubmit = (evt: FormEvent<HTMLFormElement>) => {
evt.preventDefault();
@@ -47,6 +48,20 @@ const Login = () => {
dispatch(setAuthData(data));
}
}, [isSuccess, data]);
// 报错处理
useEffect(() => {
if (error) {
switch (error.status) {
case 409:
toast.error("Email existed already!");
break;
default:
toast.error("Something error!");
break;
}
}
}, [error]);
if (!loginConfigSuccess) return null;