Skip to content

Commit 923d67b

Browse files
author
maharshi
committed
Upgrade with 404 Error page
1 parent ebb4094 commit 923d67b

File tree

5 files changed

+118
-10
lines changed

5 files changed

+118
-10
lines changed

‎public/js/app.js

Lines changed: 89 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -85524,6 +85524,80 @@ var Dashboard = /*#__PURE__*/function (_Component) {
8552485524

8552585525
/***/ }),
8552685526

85527+
/***/ "./resources/js/components/Layout/ErrorPage.js":
85528+
/*!*****************************************************!*\
85529+
!*** ./resources/js/components/Layout/ErrorPage.js ***!
85530+
\*****************************************************/
85531+
/*! exports provided: default */
85532+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
85533+
85534+
"use strict";
85535+
__webpack_require__.r(__webpack_exports__);
85536+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
85537+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
85538+
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/esm/react-router-dom.js");
85539+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
85540+
85541+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
85542+
85543+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
85544+
85545+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
85546+
85547+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
85548+
85549+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
85550+
85551+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
85552+
85553+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
85554+
85555+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
85556+
85557+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
85558+
85559+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
85560+
85561+
85562+
85563+
85564+
var ErrorPage = /*#__PURE__*/function (_Component) {
85565+
_inherits(ErrorPage, _Component);
85566+
85567+
var _super = _createSuper(ErrorPage);
85568+
85569+
function ErrorPage() {
85570+
_classCallCheck(this, ErrorPage);
85571+
85572+
return _super.apply(this, arguments);
85573+
}
85574+
85575+
_createClass(ErrorPage, [{
85576+
key: "render",
85577+
value: function render() {
85578+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
85579+
className: "ErrorPage"
85580+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
85581+
id: "error"
85582+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
85583+
className: "container text-center pt-32"
85584+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", {
85585+
className: "error-title"
85586+
}, "404"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, "we couldn't find the page you are looking for"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__["Link"], {
85587+
to: "/",
85588+
className: 'btn btn-primary'
85589+
}, "Go Home"))));
85590+
}
85591+
}]);
85592+
85593+
return ErrorPage;
85594+
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]);
85595+
85596+
;
85597+
/* harmony default export */ __webpack_exports__["default"] = (ErrorPage);
85598+
85599+
/***/ }),
85600+
8552785601
/***/ "./resources/js/components/Layout/Logout/Index.js":
8552885602
/*!********************************************************!*\
8552985603
!*** ./resources/js/components/Layout/Logout/Index.js ***!
@@ -85642,6 +85716,7 @@ __webpack_require__.r(__webpack_exports__);
8564285716
/* harmony import */ var _RouteConfig_PrivateRoute__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../RouteConfig/PrivateRoute */ "./resources/js/components/RouteConfig/PrivateRoute.js");
8564385717
/* harmony import */ var _RouteConfig_PublicRoute__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../RouteConfig/PublicRoute */ "./resources/js/components/RouteConfig/PublicRoute.js");
8564485718
/* harmony import */ var _Layout_Logout_Index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Layout/Logout/Index */ "./resources/js/components/Layout/Logout/Index.js");
85719+
/* harmony import */ var _ErrorPage__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ErrorPage */ "./resources/js/components/Layout/ErrorPage.js");
8564585720
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
8564685721

8564785722
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -85675,6 +85750,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
8567585750

8567685751

8567785752

85753+
8567885754
var Menu = /*#__PURE__*/function (_Component) {
8567985755
_inherits(Menu, _Component);
8568085756

@@ -85712,6 +85788,17 @@ var Menu = /*#__PURE__*/function (_Component) {
8571285788
path: "/logout",
8571385789
component: _Layout_Logout_Index__WEBPACK_IMPORTED_MODULE_8__["default"],
8571485790
exact: true
85791+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__["Route"], {
85792+
path: "*",
85793+
component: _ErrorPage__WEBPACK_IMPORTED_MODULE_9__["default"]
85794+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__["Route"], {
85795+
path: "",
85796+
component: _ErrorPage__WEBPACK_IMPORTED_MODULE_9__["default"]
85797+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__["Route"], {
85798+
path: "*",
85799+
component: _ErrorPage__WEBPACK_IMPORTED_MODULE_9__["default"]
85800+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__["Route"], {
85801+
component: _ErrorPage__WEBPACK_IMPORTED_MODULE_9__["default"]
8571585802
}))));
8571685803
}
8571785804
}]);
@@ -87145,10 +87232,7 @@ var Index = /*#__PURE__*/function (_Component) {
8714587232
className: "main-content container-fluid"
8714687233
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
8714787234
className: "page-title"
87148-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(UserIcon, null), " User List (", this.state.totalData, ")", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__["Link"], {
87149-
to: "/",
87150-
className: 'float-right btn btn-info mr-2 mb-2'
87151-
}, "Create User")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("hr", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("section", {
87235+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(UserIcon, null), " User List (", this.state.totalData, ")"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("hr", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("section", {
8715287236
id: "basic-horizontal-layouts"
8715387237
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
8715487238
className: "row",
@@ -87364,9 +87448,7 @@ var UserList = /*#__PURE__*/function (_Component) {
8736487448
className: "font-weight-normal"
8736587449
}, this.props.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", {
8736687450
className: "font-weight-normal"
87367-
}, this.props.email), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(UserEditIcon, {
87368-
className: 'mr-2'
87369-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
87451+
}, this.props.email), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
8737087452
className: 'link pointer',
8737187453
onClick: function onClick() {
8737287454
return _this2.props.removeUserData(_this2.props.id);

‎resources/js/components/Layout/ErrorPage.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React ,{Component} from 'react';
2+
import { Link } from "react-router-dom";
3+
4+
class ErrorPage extends Component{
5+
render() {
6+
return (
7+
<div className="ErrorPage">
8+
<div id="error">
9+
<div className="container text-center pt-32">
10+
<h1 className='error-title'>404</h1>
11+
<p>we couldn't find the page you are looking for</p>
12+
<Link to='/' className={'btn btn-primary'} >Go Home</Link>
13+
</div>
14+
</div>
15+
</div>
16+
);
17+
}
18+
};
19+
20+
export default ErrorPage;
21+

‎resources/js/components/Layout/Menu.js

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React ,{Component} from 'react';
2-
import { Switch } from "react-router-dom";
2+
import { Switch, Route } from "react-router-dom";
33
import { BrowserRouter as Router } from "react-router-dom";
44
import LoginModule from '../Login/Login';
55
import AdminModule from '../Dashboard/Dashboard';
@@ -8,6 +8,7 @@ import Users from '../User/UserList/Index';
88
import PrivateRoute from '../RouteConfig/PrivateRoute';
99
import PublicRoute from '../RouteConfig/PublicRoute';
1010
import LogoutModule from '../Layout/Logout/Index';
11+
import ErrorPage from './ErrorPage';
1112

1213
class Menu extends Component{
1314
render() {
@@ -20,6 +21,10 @@ class Menu extends Component{
2021
<PrivateRoute path="/profile" component={UserProfile} exact />
2122
<PrivateRoute path="/users" component={Users} exact />
2223
<PrivateRoute path="/logout" component={LogoutModule} exact />
24+
<Route path="*" component={ErrorPage} />
25+
<Route path="" component={ErrorPage} />
26+
<Route path="*" component={ErrorPage} />
27+
<Route component={ErrorPage} />
2328
</Switch>
2429
</Router>
2530
</div>

‎resources/js/components/User/UserList/Index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ class Index extends Component{
100100
<div className="page-title">
101101
<h5>
102102
<UserIcon/> User List ({this.state.totalData})
103-
<Link to='/' className={'float-right btn btn-info mr-2 mb-2'} >Create User</Link>
103+
{/*<Link to='/' className={'float-right btn btn-info mr-2 mb-2'} >Create User</Link>*/}
104104
</h5>
105105
<hr/>
106106
</div>

‎resources/js/components/User/UserList/UserList.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ class UserList extends Component{
1919
<td className="font-weight-normal">{this.props.name}</td>
2020
<td className="font-weight-normal">{this.props.email}</td>
2121
<td>
22-
<UserEditIcon className={'mr-2'}/>
22+
{/*<UserEditIcon className={'mr-2'}/>*/}
2323
<a className={'link pointer'} onClick={() => this.props.removeUserData(this.props.id)}>
2424
<UserRemoveIcon/>
2525
</a>

0 commit comments

Comments
 (0)