@rocket.chat/onboarding-ui
Version:
Set of components and functions for the onboarding experience on Rocket.Chat
16 lines • 2.13 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const fuselage_1 = require("@rocket.chat/fuselage");
const colors_json_1 = __importDefault(require("@rocket.chat/fuselage-tokens/colors.json"));
const layout_1 = require("@rocket.chat/layout");
const react_i18next_1 = require("react-i18next");
const OauthAuthorizationPage = ({ clientName, onClickAuthorizeOAuth, error, }) => {
const { t } = (0, react_i18next_1.useTranslation)();
return ((0, jsx_runtime_1.jsxs)(layout_1.VerticalWizardLayout, { children: [(0, jsx_runtime_1.jsx)(layout_1.VerticalWizardLayoutTitle, { children: t('page.oauthAuthorizationPage.title') }), (0, jsx_runtime_1.jsx)(layout_1.VerticalWizardLayoutForm, { children: (0, jsx_runtime_1.jsx)(fuselage_1.Box, { fontScale: 'p1', p: 40, textAlign: 'start', color: colors_json_1.default.n900, children: !clientName || error.message ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fuselage_1.Box, { fontScale: 'h1', mbe: 18, children: "Error" }), error.message, (0, jsx_runtime_1.jsx)(fuselage_1.Box, { mbs: 24, children: (0, jsx_runtime_1.jsx)(fuselage_1.Button, { onClick: error.onGoBack, primary: true, children: t('page.oauthAuthorizationPage.buttons.goBack') }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_i18next_1.Trans, { i18nKey: 'page.oauthAuthorizationPage.allowLogin', values: { name: clientName }, children: ["Do you wish to allow", (0, jsx_runtime_1.jsx)("strong", { children: clientName }), "to login with your Rocket.Chat Cloud Account?"] }), (0, jsx_runtime_1.jsx)(fuselage_1.Box, { mbs: 24, children: (0, jsx_runtime_1.jsx)(fuselage_1.Button, { onClick: onClickAuthorizeOAuth, primary: true, children: t('page.oauthAuthorizationPage.buttons.authorize') }) })] })) }) })] }));
};
exports.default = OauthAuthorizationPage;
//# sourceMappingURL=OauthAuthorizationPage.js.map