From 1cfcd762be0674234d65b76f8fc75f5ab2b176b9 Mon Sep 17 00:00:00 2001
From: Nikolay <46225163+vigdorov@users.noreply.github.com>
Date: Tue, 14 Jul 2020 22:40:05 +0300
Subject: [PATCH] =?UTF-8?q?HM-36.=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D0=B2=20=D1=80=D0=BE=D1=83=D1=82=20=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B0=20Not=20Found=20(#10?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/not-found-page/NotFoundPage.js         | 11 +++++++++++
 src/components/not-found-page/index.js                |  3 +++
 .../router-pages-container/RouterPagesContainer.js    |  7 +++----
 3 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 src/components/not-found-page/NotFoundPage.js
 create mode 100644 src/components/not-found-page/index.js

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);
         });
 
     }