@financial-times/n-conversion-forms
Version:
Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).
36 lines (35 loc) • 1.6 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LicenceSignIn = LicenceSignIn;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function LicenceSignIn(_ref) {
var _ref$displayName = _ref.displayName,
displayName = _ref$displayName === void 0 ? '' : _ref$displayName,
_ref$url = _ref.url,
url = _ref$url === void 0 ? '' : _ref$url;
return /*#__PURE__*/_react["default"].createElement("div", {
className: "ncf__center"
}, renderSignInTitle(displayName), url !== '' && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("a", {
href: url,
className: "ncf__button--secondary ncf__button--mid-width"
}, "Sign in")));
}
function renderSignInTitle(displayName) {
var signInTitle;
if (displayName !== '') {
signInTitle = /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, "Have you already joined the "), /*#__PURE__*/_react["default"].createElement("span", {
className: "ncf__bold-licence-text"
}, displayName), /*#__PURE__*/_react["default"].createElement("span", null, " account?"));
} else {
signInTitle = /*#__PURE__*/_react["default"].createElement("p", null, "Already have a subscription?");
}
return signInTitle;
}
LicenceSignIn.propTypes = {
displayName: _propTypes["default"].string,
url: _propTypes["default"].string
};