opendash
Version:
open.DASH data visualization framework
49 lines • 2.57 kB
JavaScript
import * as React from "react";
import { Container, Box, Background, Title, SwitchState } from "./layout";
import { Alert, Button } from "antd";
import { useTranslation, useOpenDashServices } from "../..";
import LoginForm from "./LoginForm";
import SignupForm from "./SignupForm";
export default function OpenDashAuth() {
var t = useTranslation(["opendash"])[0];
var _a = React.useState("login"), state = _a[0], setState = _a[1];
var _b = React.useState(), error = _b[0], setError = _b[1];
var UserService = useOpenDashServices().UserService;
return (React.createElement(Container, null,
state === "login" && (React.createElement(Box, null,
React.createElement(Title, null, t("auth.login_title")),
error && (React.createElement(Alert, { type: "error", message: t("auth.login_failed"), style: { marginBottom: 10 } })),
React.createElement(LoginForm
// @ts-ignore
, {
// @ts-ignore
onSubmit: function (data) {
return UserService.login(data).then(function (user) {
setError(undefined);
}, function (error) {
console.error(error);
setError(error);
});
} }),
React.createElement(SwitchState, null,
React.createElement(Button, { type: "link", onClick: function (e) { return setState("signup"); } }, t("auth.switch_to_signup"))))),
state === "signup" && (React.createElement(Box, null,
React.createElement(Title, null, t("auth.signup_title")),
error && (React.createElement(Alert, { type: "error", message: t("auth.signup_failed"), style: { marginBottom: 10 } })),
React.createElement(SignupForm
// @ts-ignore
, {
// @ts-ignore
onSubmit: function (data) {
UserService.register(data).then(function (user) {
setError(undefined);
}, function (error) {
console.error(error);
setError(error);
});
} }),
React.createElement(SwitchState, null,
React.createElement(Button, { type: "link", onClick: function (e) { return setState("login"); } }, t("auth.switch_to_login"))))),
React.createElement(Background, null)));
}
//# sourceMappingURL=index.js.map