@input-output-hk/front-end-site-components
Version:
Opinionated React components for IOHK's front-end web team
119 lines (88 loc) • 10.6 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _Image = _interopRequireDefault(require("@input-output-hk/front-end-core-components/components/Image"));
var _Link = _interopRequireDefault(require("@input-output-hk/front-end-core-components/components/Link"));
var _atala = _interopRequireDefault(require("../resources/footer/atala"));
function _templateObject5() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: flex-end;\n\n @media screen and (max-width: 800px) {\n justify-content: center;\n\n p {\n margin: 0;\n }\n }\n"]);
_templateObject5 = function _templateObject5() {
return data;
};
return data;
}
function _templateObject4() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n\n a {\n &:first-of-type {\n margin-right: 2rem;\n }\n }\n"]);
_templateObject4 = function _templateObject4() {
return data;
};
return data;
}
function _templateObject3() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n > div {\n width: 100%;\n max-width: 11rem;\n\n img {\n width: 100%;\n }\n }\n\n @media screen and (max-width: 800px) {\n > div {\n margin: 0 auto;\n }\n }\n"]);
_templateObject3 = function _templateObject3() {
return data;
};
return data;
}
function _templateObject2() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n flex: ", ";\n\n @media screen and (max-width: 800px) {\n margin: 1rem 0;\n flex: 1;\n }\n"]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject() {
var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n margin: 2.8rem 0;\n\n @media screen and (max-width: 800px) {\n flex-direction: column;\n }\n"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
var MainRow = _styledComponents["default"].div(_templateObject());
var Column = _styledComponents["default"].div(_templateObject2(), function (_ref) {
var flex = _ref.flex;
return flex || 1;
});
var Logo = _styledComponents["default"].div(_templateObject3());
var FooterLinks = _styledComponents["default"].div(_templateObject4());
var Copyright = _styledComponents["default"].div(_templateObject5());
var Atala = function Atala(_ref2) {
var lang = _ref2.lang,
theme = _ref2.theme;
var content = _atala["default"][lang];
if (!content) throw new Error("No content for Atala footer in language \"".concat(lang, "\""));
var logoURL = 'https://ucarecdn.com/a2f086e8-2666-418a-a025-8c928040a4b9/';
if (theme === 'dark') logoURL = 'https://ucarecdn.com/eb936b4a-0589-4e89-b31c-bb1edf90ed9b/';
return _react["default"].createElement("div", null, _react["default"].createElement("hr", null), _react["default"].createElement(MainRow, null, _react["default"].createElement(Column, null, _react["default"].createElement(Logo, null, _react["default"].createElement("div", null, _react["default"].createElement(_Link["default"], {
href: "https://atala.io/",
rel: "noopener"
}, _react["default"].createElement(_Image["default"], {
src: logoURL,
alt: "Atala logo",
sizeFactor: 0.2,
maintainTransparency: true
}))))), _react["default"].createElement(Column, {
flex: 1.5
}, _react["default"].createElement(FooterLinks, null, _react["default"].createElement(_Link["default"], {
href: "#",
rel: "noopener"
}, content.termsAndConditions), _react["default"].createElement(_Link["default"], {
href: "#",
rel: "noopener"
}, content.privacyPolicy))), _react["default"].createElement(Column, null, _react["default"].createElement(Copyright, null, _react["default"].createElement("p", null, "Copyright \xAE ", new Date().getFullYear(), " atala.io")))));
};
Atala.propTypes = {
lang: _propTypes["default"].string.isRequired,
theme: _propTypes["default"].oneOf(['dark', 'light']).isRequired
};
var _default = Atala;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXJzL0F0YWxhLmpzIl0sIm5hbWVzIjpbIk1haW5Sb3ciLCJzdHlsZWQiLCJkaXYiLCJDb2x1bW4iLCJmbGV4IiwiTG9nbyIsIkZvb3RlckxpbmtzIiwiQ29weXJpZ2h0IiwiQXRhbGEiLCJsYW5nIiwidGhlbWUiLCJjb250ZW50IiwiYXRhbGEiLCJFcnJvciIsImxvZ29VUkwiLCJ0ZXJtc0FuZENvbmRpdGlvbnMiLCJwcml2YWN5UG9saWN5IiwiRGF0ZSIsImdldEZ1bGxZZWFyIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwic3RyaW5nIiwiaXNSZXF1aXJlZCIsIm9uZU9mIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUEsSUFBTUEsT0FBTyxHQUFHQyw2QkFBT0MsR0FBVixtQkFBYjs7QUFTQSxJQUFNQyxNQUFNLEdBQUdGLDZCQUFPQyxHQUFWLHFCQUlGO0FBQUEsTUFBR0UsSUFBSCxRQUFHQSxJQUFIO0FBQUEsU0FBY0EsSUFBSSxJQUFJLENBQXRCO0FBQUEsQ0FKRSxDQUFaOztBQVlBLElBQU1DLElBQUksR0FBR0osNkJBQU9DLEdBQVYsb0JBQVY7O0FBaUJBLElBQU1JLFdBQVcsR0FBR0wsNkJBQU9DLEdBQVYsb0JBQWpCOztBQVlBLElBQU1LLFNBQVMsR0FBR04sNkJBQU9DLEdBQVYsb0JBQWY7O0FBYUEsSUFBTU0sS0FBSyxHQUFHLFNBQVJBLEtBQVEsUUFBcUI7QUFBQSxNQUFsQkMsSUFBa0IsU0FBbEJBLElBQWtCO0FBQUEsTUFBWkMsS0FBWSxTQUFaQSxLQUFZO0FBQ2pDLE1BQU1DLE9BQU8sR0FBR0Msa0JBQU1ILElBQU4sQ0FBaEI7QUFDQSxNQUFJLENBQUNFLE9BQUwsRUFBYyxNQUFNLElBQUlFLEtBQUoscURBQXNESixJQUF0RCxRQUFOO0FBQ2QsTUFBSUssT0FBTyxHQUFHLDREQUFkO0FBQ0EsTUFBSUosS0FBSyxLQUFLLE1BQWQsRUFBc0JJLE9BQU8sR0FBRyw0REFBVjtBQUN0QixTQUNFLDZDQUNFLDJDQURGLEVBRUUsZ0NBQUMsT0FBRCxRQUNFLGdDQUFDLE1BQUQsUUFDRSxnQ0FBQyxJQUFELFFBQ0UsNkNBQ0UsZ0NBQUMsZ0JBQUQ7QUFBTSxJQUFBLElBQUksRUFBQyxtQkFBWDtBQUErQixJQUFBLEdBQUcsRUFBQztBQUFuQyxLQUNFLGdDQUFDLGlCQUFEO0FBQU8sSUFBQSxHQUFHLEVBQUVBLE9BQVo7QUFBcUIsSUFBQSxHQUFHLEVBQUMsWUFBekI7QUFBc0MsSUFBQSxVQUFVLEVBQUUsR0FBbEQ7QUFBdUQsSUFBQSxvQkFBb0I7QUFBM0UsSUFERixDQURGLENBREYsQ0FERixDQURGLEVBVUUsZ0NBQUMsTUFBRDtBQUFRLElBQUEsSUFBSSxFQUFFO0FBQWQsS0FDRSxnQ0FBQyxXQUFELFFBQ0UsZ0NBQUMsZ0JBQUQ7QUFBTSxJQUFBLElBQUksRUFBQyxHQUFYO0FBQWUsSUFBQSxHQUFHLEVBQUM7QUFBbkIsS0FDR0gsT0FBTyxDQUFDSSxrQkFEWCxDQURGLEVBSUUsZ0NBQUMsZ0JBQUQ7QUFBTSxJQUFBLElBQUksRUFBQyxHQUFYO0FBQWUsSUFBQSxHQUFHLEVBQUM7QUFBbkIsS0FDR0osT0FBTyxDQUFDSyxhQURYLENBSkYsQ0FERixDQVZGLEVBb0JFLGdDQUFDLE1BQUQsUUFDRSxnQ0FBQyxTQUFELFFBQ0UsOERBQWdCLElBQUlDLElBQUosR0FBV0MsV0FBWCxFQUFoQixjQURGLENBREYsQ0FwQkYsQ0FGRixDQURGO0FBK0JELENBcENEOztBQXNDQVYsS0FBSyxDQUFDVyxTQUFOLEdBQWtCO0FBQ2hCVixFQUFBQSxJQUFJLEVBQUVXLHNCQUFVQyxNQUFWLENBQWlCQyxVQURQO0FBRWhCWixFQUFBQSxLQUFLLEVBQUVVLHNCQUFVRyxLQUFWLENBQWdCLENBQUUsTUFBRixFQUFVLE9BQVYsQ0FBaEIsRUFBcUNEO0FBRjVCLENBQWxCO2VBS2VkLEsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuaW1wb3J0IEltYWdlIGZyb20gJ0BpbnB1dC1vdXRwdXQtaGsvZnJvbnQtZW5kLWNvcmUtY29tcG9uZW50cy9jb21wb25lbnRzL0ltYWdlJ1xuaW1wb3J0IExpbmsgZnJvbSAnQGlucHV0LW91dHB1dC1oay9mcm9udC1lbmQtY29yZS1jb21wb25lbnRzL2NvbXBvbmVudHMvTGluaydcbmltcG9ydCBhdGFsYSBmcm9tICcuLi9yZXNvdXJjZXMvZm9vdGVyL2F0YWxhJ1xuXG5jb25zdCBNYWluUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luOiAyLjhyZW0gMDtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA4MDBweCkge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIH1cbmBcblxuY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXg6ICR7KHsgZmxleCB9KSA9PiBmbGV4IHx8IDF9O1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDgwMHB4KSB7XG4gICAgbWFyZ2luOiAxcmVtIDA7XG4gICAgZmxleDogMTtcbiAgfVxuYFxuXG5jb25zdCBMb2dvID0gc3R5bGVkLmRpdmBcbiAgPiBkaXYge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTFyZW07XG5cbiAgICBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogODAwcHgpIHtcbiAgICA+IGRpdiB7XG4gICAgICBtYXJnaW46IDAgYXV0bztcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgRm9vdGVyTGlua3MgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICBhIHtcbiAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbWFyZ2luLXJpZ2h0OiAycmVtO1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBDb3B5cmlnaHQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDgwMHB4KSB7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBwIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgQXRhbGEgPSAoeyBsYW5nLCB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IGNvbnRlbnQgPSBhdGFsYVtsYW5nXVxuICBpZiAoIWNvbnRlbnQpIHRocm93IG5ldyBFcnJvcihgTm8gY29udGVudCBmb3IgQXRhbGEgZm9vdGVyIGluIGxhbmd1YWdlIFwiJHtsYW5nfVwiYClcbiAgbGV0IGxvZ29VUkwgPSAnaHR0cHM6Ly91Y2FyZWNkbi5jb20vYTJmMDg2ZTgtMjY2Ni00MThhLWEwMjUtOGM5MjgwNDBhNGI5LydcbiAgaWYgKHRoZW1lID09PSAnZGFyaycpIGxvZ29VUkwgPSAnaHR0cHM6Ly91Y2FyZWNkbi5jb20vZWI5MzZiNGEtMDU4OS00ZTg5LWIzMWMtYmIxZWRmOTBlZDliLydcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPGhyIC8+XG4gICAgICA8TWFpblJvdz5cbiAgICAgICAgPENvbHVtbj5cbiAgICAgICAgICA8TG9nbz5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxMaW5rIGhyZWY9J2h0dHBzOi8vYXRhbGEuaW8vJyByZWw9J25vb3BlbmVyJz5cbiAgICAgICAgICAgICAgICA8SW1hZ2Ugc3JjPXtsb2dvVVJMfSBhbHQ9J0F0YWxhIGxvZ28nIHNpemVGYWN0b3I9ezAuMn0gbWFpbnRhaW5UcmFuc3BhcmVuY3kgLz5cbiAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9Mb2dvPlxuICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgPENvbHVtbiBmbGV4PXsxLjV9PlxuICAgICAgICAgIDxGb290ZXJMaW5rcz5cbiAgICAgICAgICAgIDxMaW5rIGhyZWY9JyMnIHJlbD0nbm9vcGVuZXInPlxuICAgICAgICAgICAgICB7Y29udGVudC50ZXJtc0FuZENvbmRpdGlvbnN9XG4gICAgICAgICAgICA8L0xpbms+XG4gICAgICAgICAgICA8TGluayBocmVmPScjJyByZWw9J25vb3BlbmVyJz5cbiAgICAgICAgICAgICAge2NvbnRlbnQucHJpdmFjeVBvbGljeX1cbiAgICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgICA8L0Zvb3RlckxpbmtzPlxuICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgPENvbHVtbj5cbiAgICAgICAgICA8Q29weXJpZ2h0PlxuICAgICAgICAgICAgPHA+Q29weXJpZ2h0IMKuIHtuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCl9IGF0YWxhLmlvPC9wPlxuICAgICAgICAgIDwvQ29weXJpZ2h0PlxuICAgICAgICA8L0NvbHVtbj5cbiAgICAgIDwvTWFpblJvdz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5BdGFsYS5wcm9wVHlwZXMgPSB7XG4gIGxhbmc6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgdGhlbWU6IFByb3BUeXBlcy5vbmVPZihbICdkYXJrJywgJ2xpZ2h0JyBdKS5pc1JlcXVpcmVkXG59XG5cbmV4cG9ydCBkZWZhdWx0IEF0YWxhXG4iXX0=