50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
import { parse as parseQs } from "qs";
|
|
import React, { useContext } from "react";
|
|
import { Route, RouteComponentProps, Switch } from "react-router-dom";
|
|
|
|
import Layout from "./components/Layout";
|
|
import { UserContext as Context } from "./types";
|
|
import {
|
|
LoginUrlQueryParams,
|
|
newPasswordPath,
|
|
passwordResetPath,
|
|
passwordResetSuccessPath,
|
|
} from "./urls";
|
|
import LoginViewComponent from "./views/Login";
|
|
import NewPassword from "./views/NewPassword";
|
|
import ResetPassword from "./views/ResetPassword";
|
|
import ResetPasswordSuccess from "./views/ResetPasswordSuccess";
|
|
|
|
const LoginView: React.FC<RouteComponentProps<any>> = () => {
|
|
const qs = parseQs(location.search.substr(1)) as any;
|
|
const params: LoginUrlQueryParams = qs;
|
|
|
|
return <LoginViewComponent params={params} />;
|
|
};
|
|
|
|
export const UserContext = React.createContext<Context>({
|
|
login: undefined,
|
|
loginByExternalPlugin: undefined,
|
|
logout: undefined,
|
|
requestLoginByExternalPlugin: undefined,
|
|
authenticating: false,
|
|
authenticated: false,
|
|
errors: [],
|
|
});
|
|
|
|
const AuthRouter: React.FC = () => (
|
|
<Layout>
|
|
<Switch>
|
|
<Route path={passwordResetSuccessPath} component={ResetPasswordSuccess} />
|
|
<Route path={passwordResetPath} component={ResetPassword} />
|
|
<Route path={newPasswordPath} component={NewPassword} />
|
|
<Route component={LoginView} />
|
|
</Switch>
|
|
</Layout>
|
|
);
|
|
|
|
AuthRouter.displayName = "AuthRouter";
|
|
export default AuthRouter;
|
|
|
|
export * from "./utils";
|
|
export const useUser = () => useContext(UserContext);
|