123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
- var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default;
- var _react = _interop_require_default(require("react"));
- var _head = _interop_require_default(require("../shared/lib/head"));
- const statusCodes = {
- 400: 'Bad Request',
- 404: 'This page could not be found',
- 405: 'Method Not Allowed',
- 500: 'Internal Server Error'
- };
- function _getInitialProps({ res , err }) {
- const statusCode = res && res.statusCode ? res.statusCode : err ? err.statusCode : 404;
- return {
- statusCode
- };
- }
- const styles = {
- error: {
- fontFamily: '-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',
- height: '100vh',
- textAlign: 'center',
- display: 'flex',
- flexDirection: 'column',
- alignItems: 'center',
- justifyContent: 'center'
- },
- desc: {
- display: 'inline-block',
- textAlign: 'left',
- lineHeight: '49px',
- height: '49px',
- verticalAlign: 'middle'
- },
- h1: {
- display: 'inline-block',
- margin: 0,
- marginRight: '20px',
- padding: '0 23px 0 0',
- fontSize: '24px',
- fontWeight: 500,
- verticalAlign: 'top',
- lineHeight: '49px'
- },
- h2: {
- fontSize: '14px',
- fontWeight: 'normal',
- lineHeight: '49px',
- margin: 0,
- padding: 0
- }
- };
- var _Component;
- class Error extends (_Component = _react.default.Component) {
- render() {
- const { statusCode , withDarkMode =true } = this.props;
- const title = this.props.title || statusCodes[statusCode] || 'An unexpected error has occurred';
- return /*#__PURE__*/ _react.default.createElement("div", {
- style: styles.error
- }, /*#__PURE__*/ _react.default.createElement(_head.default, null, /*#__PURE__*/ _react.default.createElement("title", null, statusCode ? `${statusCode}: ${title}` : 'Application error: a client-side exception has occurred')), /*#__PURE__*/ _react.default.createElement("div", null, /*#__PURE__*/ _react.default.createElement("style", {
- dangerouslySetInnerHTML: {
- __html: `
- body { margin: 0; color: #000; background: #fff; }
- .next-error-h1 {
- border-right: 1px solid rgba(0, 0, 0, .3);
- }
- ${withDarkMode ? `@media (prefers-color-scheme: dark) {
- body { color: #fff; background: #000; }
- .next-error-h1 {
- border-right: 1px solid rgba(255, 255, 255, .3);
- }
- }` : ''}`
- }
- }), statusCode ? /*#__PURE__*/ _react.default.createElement("h1", {
- className: "next-error-h1",
- style: styles.h1
- }, statusCode) : null, /*#__PURE__*/ _react.default.createElement("div", {
- style: styles.desc
- }, /*#__PURE__*/ _react.default.createElement("h2", {
- style: styles.h2
- }, this.props.title || statusCode ? title : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, "Application error: a client-side exception has occurred (see the browser console for more information)"), "."))));
- }
- }
- Error.displayName = 'ErrorPage';
- Error.getInitialProps = _getInitialProps;
- Error.origGetInitialProps = _getInitialProps;
- exports.default = Error;
- //# sourceMappingURL=_error.js.map
|