@particle-network/auth-core-modal
Version:
Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.
53 lines (49 loc) • 4.11 kB
JavaScript
"use client";
import {
power_footer_default
} from "./chunk-Q77XRZTS.js";
import {
useCustomNavigate,
useParticleAuth
} from "./chunk-BJTDO4LQ.js";
import "./chunk-LQ53OFQ3.js";
// src/pages/account/masterPasswordModal/index.tsx
import { Button } from "antd";
import React, { useEffect } from "react";
import { useTranslation } from "react-i18next";
// src/pages/account/masterPasswordModal/index.less
var masterPasswordModal_default = ".mp-modal-container {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.mp-modal-container .particle-title {\n height: 60px;\n font-weight: bold;\n font-size: 20px;\n line-height: 60px;\n text-align: center;\n color: var(--text-color);\n}\n.mp-modal-container .scroll-content {\n padding-right: 18px;\n padding-left: 18px;\n margin-top: 15px;\n display: flex;\n flex-direction: column;\n}\n.mp-modal-container .mp-set-desc {\n margin-top: 15px;\n font-weight: 400;\n font-size: 16px;\n text-align: center;\n color: var(--secondary-text-color);\n}\n.mp-modal-container .mp-set-img {\n width: 100%;\n height: 200px;\n background: var(--master_password_icon) center center no-repeat;\n flex: 1;\n}\n.mp-modal-container .mp-antd-bt {\n width: 100%;\n height: 47px;\n margin-bottom: 15px;\n border: none;\n border-radius: var(--primary-btn-border-radius);\n outline: none;\n font-size: var(--primary-btn-font-size);\n line-height: 22px;\n color: var(--primary-btn-color);\n background: var(--primary-btn-background-color);\n}\n.mp-modal-container .mp-antd-bt:hover {\n opacity: var(--hover-opacity);\n}\n.mp-modal-container .mp-set-now {\n max-width: 800px;\n margin-top: 15px;\n}\n.mp-modal-container .mp-set-later {\n max-width: 800px;\n margin-bottom: 0;\n color: var(--secondary-btn-color);\n background: var(--secondary-btn-background-color);\n}\n.mp-modal-container .btns {\n padding-right: 18px;\n padding-left: 18px;\n width: 100%;\n}\n.footer-box {\n position: absolute;\n bottom: 10px;\n margin: 0;\n}\n";
// src/pages/account/masterPasswordModal/index.tsx
var MasterPasswordModal = () => {
const { t } = useTranslation();
const navigate = useCustomNavigate();
const { loginSuccessRedirectToApp, modalOptions, setAuthCoreModal } = useParticleAuth();
const { promptSettingConfig } = modalOptions;
useEffect(() => {
setAuthCoreModal({
closable: false
});
return () => {
setAuthCoreModal({
closable: true
});
};
}, []);
const navigateToSetMasterPassword = () => {
navigate("/account/master-password", {
replace: true,
state: {
loginSetMasterPassword: true
}
});
};
const laterToSet = () => {
loginSuccessRedirectToApp();
};
return /* @__PURE__ */ React.createElement("div", { className: "mp-modal-container" }, /* @__PURE__ */ React.createElement("style", null, masterPasswordModal_default), /* @__PURE__ */ React.createElement("div", { className: "particle-title" }, t("account.set_master_password")), /* @__PURE__ */ React.createElement("div", { className: "scroll-content" }, /* @__PURE__ */ React.createElement("div", { className: "mp-set-desc" }, t("account.set_master_password_tip")), /* @__PURE__ */ React.createElement("div", { className: "mp-set-img" })), /* @__PURE__ */ React.createElement("div", { className: "btns" }, /* @__PURE__ */ React.createElement(Button, { className: "mp-set-now mp-antd-bt", onClick: navigateToSetMasterPassword }, t("account.set_master_password_now")), (promptSettingConfig == null ? void 0 : promptSettingConfig.promptMasterPasswordSettingWhenLogin) !== 3 /* everyAndNotSkip */ && /* @__PURE__ */ React.createElement(Button, { className: "mp-set-later mp-antd-bt", onClick: laterToSet }, t("account.later"))), /* @__PURE__ */ React.createElement(power_footer_default, { className: "footer-box-v2" }));
};
var masterPasswordModal_default2 = MasterPasswordModal;
export {
masterPasswordModal_default2 as default
};
//# sourceMappingURL=masterPasswordModal-GR7GQDNH.js.map