33 lines
948 B
TypeScript
33 lines
948 B
TypeScript
import { AuthPage } from "@refinedev/mui";
|
|
|
|
import GoogleIcon from "@mui/icons-material/Google";
|
|
import DiscordIcon from "../../components/DiscordIcon";
|
|
import { useSearchParams, Navigate } from "react-router";
|
|
|
|
export const Login = () => {
|
|
const [searchParams] = useSearchParams();
|
|
if (searchParams.get("oauth") == "success") {
|
|
const redirect_to = localStorage.getItem("redirect_after_login")
|
|
if (redirect_to) {
|
|
return (<Navigate replace to={ redirect_to } />);
|
|
}
|
|
}
|
|
return (
|
|
<AuthPage
|
|
type="login"
|
|
formProps={{ defaultValues: { email: "test@test.te", password: "test" }, }}
|
|
providers={[{
|
|
name: "google",
|
|
label: "Sign in with Google",
|
|
icon: (<GoogleIcon style={{ fontSize: 24, }} />),
|
|
},
|
|
{
|
|
name: "discord",
|
|
label: "Sign in with Discord",
|
|
icon: (<DiscordIcon style={{ fontSize: 24, }} />),
|
|
},
|
|
]}
|
|
/>
|
|
);
|
|
};
|