@os-design/website
Version:
32 lines • 1.49 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const styled_1 = __importDefault(require("@os-design/styled"));
const core_1 = require("@os-design/core");
const en_json_1 = __importDefault(require("./locales/en.json"));
const ru_json_1 = __importDefault(require("./locales/ru.json"));
const DarkSection_1 = __importDefault(require("../DarkSection"));
const ErrorContainer = styled_1.default(DarkSection_1.default) `
justify-content: center;
text-align: center;
min-height: 50vh;
`;
const STATUS_CODE_RE = /{{statusCode}}/g;
const ErrorSection = props => {
const translation = props.lang === 'ru' ? ru_json_1.default : en_json_1.default;
let message = translation.withoutStatus;
if (props.statusCode === 404) {
message = translation.withStatus404;
}
else if (props.statusCode) {
message = translation.withStatus.replace(STATUS_CODE_RE, props.statusCode.toString());
}
return (react_1.default.createElement(ErrorContainer, { extraPaddingTop: true },
react_1.default.createElement("h1", null, message),
react_1.default.createElement(core_1.Link, { href: '/', sizing: 'large', darkMode: true, underline: 'always' }, translation.goToHome)));
};
exports.default = ErrorSection;
//# sourceMappingURL=index.js.map