89 lines
2.2 KiB
TypeScript
89 lines
2.2 KiB
TypeScript
import { FC, useEffect } from "react";
|
|
import { CircularProgress, Typography, Grid } from "@material-ui/core";
|
|
import { signIn, signOut, getSession } from "next-auth/react";
|
|
import { useLogin, useTranslate } from "react-admin";
|
|
|
|
export const authProvider = {
|
|
login: (o: any) => {
|
|
if (o.ok) return Promise.resolve();
|
|
return Promise.reject();
|
|
},
|
|
logout: async () => {
|
|
const session = await getSession();
|
|
if (session) {
|
|
await signOut();
|
|
}
|
|
},
|
|
checkError: (e: any) => {
|
|
if (e.graphQLErrors && e.graphQLErrors.length > 0) {
|
|
const permDenied =
|
|
e.graphQLErrors.filter((e: any) =>
|
|
e.message.match(/.*permission denied.*/)
|
|
).length > 0;
|
|
if (permDenied)
|
|
// eslint-disable-next-line prefer-promise-reject-errors
|
|
return Promise.reject({ message: "auth.permissionDenied" });
|
|
}
|
|
|
|
if (e.networkError && e.networkError.statusCode === 401) {
|
|
return Promise.reject();
|
|
}
|
|
|
|
return Promise.resolve();
|
|
},
|
|
checkAuth: async () => {
|
|
const session = await getSession();
|
|
if (!session) {
|
|
return Promise.reject();
|
|
}
|
|
|
|
return Promise.resolve();
|
|
},
|
|
getIdentity: async () => {
|
|
const session = await getSession();
|
|
if (!session) return Promise.reject(new Error("Invalid session"));
|
|
|
|
return {
|
|
id: session.user?.email,
|
|
fullName: session.user?.name,
|
|
avatar: session.user?.image,
|
|
};
|
|
},
|
|
getPermissions: () => Promise.resolve(),
|
|
};
|
|
|
|
export const AdminLogin: FC = () => {
|
|
const reactAdminLogin = useLogin();
|
|
const translate = useTranslate();
|
|
|
|
useEffect(() => {
|
|
(async () => {
|
|
const session = await getSession();
|
|
if (!session) {
|
|
signIn();
|
|
} else {
|
|
reactAdminLogin({ ok: true });
|
|
}
|
|
})();
|
|
});
|
|
|
|
return (
|
|
<Grid
|
|
container
|
|
spacing={5}
|
|
direction="column"
|
|
alignItems="center"
|
|
justifyContent="center"
|
|
style={{ minHeight: "100vh" }}
|
|
>
|
|
<Grid item xs={3}>
|
|
<Typography variant="h4" color="textSecondary">
|
|
{translate("auth.loggingIn")}
|
|
</Typography>
|
|
</Grid>
|
|
<Grid item xs={3}>
|
|
<CircularProgress size={80} />
|
|
</Grid>
|
|
</Grid>
|
|
);
|
|
};
|