From 10e7dfbbfa76a7e05b3d8a06ea879eec251f1c1a Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 15 Oct 2019 07:04:50 +0300
Subject: [PATCH] App component update. Move menu to dynamic container

---
 src/components/App/Header.tsx |  8 ++++++++
 src/components/App/index.tsx  | 19 +++++++++++++------
 2 files changed, 21 insertions(+), 6 deletions(-)
 create mode 100644 src/components/App/Header.tsx

diff --git a/src/components/App/Header.tsx b/src/components/App/Header.tsx
new file mode 100644
index 00000000..86a2acee
--- /dev/null
+++ b/src/components/App/Header.tsx
@@ -0,0 +1,8 @@
+import * as React from 'react'
+import { Menu } from '../Menu'
+
+const Header: React.FC<any> = props => (
+    <Menu items={props.menuItems} />
+)
+
+export default Header
diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index e9cecadd..9f5f8a2d 100644
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -1,16 +1,22 @@
-import React from 'react'
-import { Menu } from '../Menu'
-import Footer from '../Footer'
+import * as React from 'react'
+import dynamic from 'next/dynamic'
+import { Footer } from '../Footer'
 import Comments from '../Comments'
 
-import '../style/style.scss'
+const Header = dynamic(() => import('./Header'), {
+    ssr: false,
+})
+
+import '../../style/style.scss'
 
 export const App = ({ children, menu, showAuthor, menuPadding }) => (
     <div className="body-wrapper theme-default">
         <header>
             <div className="navigation">
                 <div className="navigation__body">
-                    <Menu items={menu.items} />
+                    <Header
+                        menuItems={menu.items}
+                    />
                 </div>
             </div>
         </header>
@@ -23,7 +29,8 @@ export const App = ({ children, menu, showAuthor, menuPadding }) => (
             <Comments />
         </main>
 
-        <Footer showAuthor={showAuthor}
+        <Footer
+            showAuthor={showAuthor}
             address=" г. Шлиссельбург ул. 18 января д. 3"
             telephone="+7 (81362) 76-312"
             email="hudozka@gmail.com"