diff --git a/src/components/not-found-page/NotFoundPage.js b/src/components/not-found-page/NotFoundPage.js new file mode 100644 index 0000000..c0e8673 --- /dev/null +++ b/src/components/not-found-page/NotFoundPage.js @@ -0,0 +1,11 @@ +import Component from '../component/index'; + +class NotFoundPage extends Component { + constructor (mainNodeSelector, parentNode) { + super(mainNodeSelector, parentNode); + + this.mainNode.textContent = `Not found page ${location.pathname}`; + } +} + +export default NotFoundPage; diff --git a/src/components/not-found-page/index.js b/src/components/not-found-page/index.js new file mode 100644 index 0000000..a4684e2 --- /dev/null +++ b/src/components/not-found-page/index.js @@ -0,0 +1,3 @@ +import NotFoundPage from './NotFoundPage'; + +export default NotFoundPage; diff --git a/src/components/router-pages-container/RouterPagesContainer.js b/src/components/router-pages-container/RouterPagesContainer.js index 3e75143..f0d9bd7 100644 --- a/src/components/router-pages-container/RouterPagesContainer.js +++ b/src/components/router-pages-container/RouterPagesContainer.js @@ -1,5 +1,6 @@ import Component from '../component/index'; import routeService from '../../services/RouteService'; +import NotFoundPage from '../not-found-page'; import './RouterPagesContainer.css'; @@ -12,7 +13,7 @@ class RouterPagesContainer extends Component { super('#page-container', document.body); routeService.onChange(({url}) => { - const {pageComponent: PageComponent} = this.routes.find((route) => { + const {pageComponent: PageComponent = NotFoundPage} = this.routes.find((route) => { return route.url === url; }) || {}; @@ -20,9 +21,7 @@ class RouterPagesContainer extends Component { this.currentPage.destroy(); } - if (PageComponent) { - this.currentPage = new PageComponent('#page', this.mainNode); - } + this.currentPage = new PageComponent('#page', this.mainNode); }); }