@alauda/doom/lib/login/index.js

Doctor Doom making docs.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { NoSSR, useDark, useSearchParams } from '@rspress/core/runtime';
import { useCallback } from 'react';
import { useNavigate } from 'react-router-dom';
import { X } from "../runtime/components/_X.js";
import { useTranslation } from "../runtime/index.js";
import { LoginForm } from "./LoginForm/index.js";
import { getCloudOrigin, isIoSite } from "./utils.js";
import darkBg from '@alauda/doom/assets/login-bg.dark.svg';
import bg from '@alauda/doom/assets/login-bg.svg';
import classes from '@alauda/doom/styles/login.module.scss';
const Login = () => {
    const navigate = useNavigate();
    const [query] = useSearchParams();
    const from = query.get('from');
    const onLoggedIn = useCallback(() => navigate(from || '/'), [from, navigate]);
    const dark = useDark();
    const t = useTranslation();
    return (_jsx("div", { className: classes.container, style: {
            backgroundImage: `url(${dark ? darkBg : bg})`,
        }, children: _jsxs("div", { className: classes.loginForm, children: [_jsx("div", { className: classes.title, children: t('user_login') }), _jsxs("div", { className: classes.content, children: [t('user_login_tip1'), _jsx(X.a, { href: getCloudOrigin(), children: t(`customer_portal_${isIoSite() ? 'global' : 'china'}`) }), t('user_login_tip2')] }), _jsx(LoginForm, { onLoggedIn: onLoggedIn })] }) }));
};
export default () => (_jsx(NoSSR, { children: _jsx(Login, {}) }));