shiv_not-found-page-1
Version:
This is the not found page component, that can be directly used with ReactJS.
42 lines (41 loc) • 1.61 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
require("./NotFound.css");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const NotFound = _ref => {
let {
errorCode,
text,
backLink,
homeLink
} = _ref;
return /*#__PURE__*/_react.default.createElement("div", {
className: "parent-container"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "noise"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "overlay"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "terminal"
}, /*#__PURE__*/_react.default.createElement("h1", null, "Error ", /*#__PURE__*/_react.default.createElement("span", {
className: "errorcode"
}, errorCode || 404)), /*#__PURE__*/_react.default.createElement("p", {
className: "output"
}, text || 'The page you are looking for might have been removed, had its name changed or is temporarily unavailable.'), /*#__PURE__*/_react.default.createElement("p", {
className: "output"
}, "Please try to", ' ', /*#__PURE__*/_react.default.createElement("a", {
href: backLink || '/',
className: "links"
}, "go back"), ' ', "or", ' ', /*#__PURE__*/_react.default.createElement("a", {
href: homeLink || '/',
className: "links"
}, "return to the homepage"), "."), /*#__PURE__*/_react.default.createElement("p", {
className: "output"
}, "Good luck.")));
};
var _default = NotFound;
exports.default = _default;