From c0dd5cf6aed9acb4bdf011a5b7862e8c4e756ef3 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 18 Feb 2020 14:26:09 +0300
Subject: [PATCH] move footer props to config

---
 src/components/App/AppFooter.tsx | 20 ++++++++++++
 src/components/App/index.tsx     | 52 +++++++++++++++++---------------
 src/config.ts                    |  5 +++
 src/context/ConfigContext.ts     |  4 +++
 4 files changed, 56 insertions(+), 25 deletions(-)
 create mode 100644 src/components/App/AppFooter.tsx
 create mode 100644 src/config.ts
 create mode 100644 src/context/ConfigContext.ts

diff --git a/src/components/App/AppFooter.tsx b/src/components/App/AppFooter.tsx
new file mode 100644
index 00000000..ef9eeeae
--- /dev/null
+++ b/src/components/App/AppFooter.tsx
@@ -0,0 +1,20 @@
+import { Footer } from '../Footer'
+import { useContext } from 'react'
+import { ConfigContext } from 'src/context/ConfigContext'
+
+export type AppFooterProps = {
+    showAuthor: boolean
+}
+
+export const AppFooter: React.FC<AppFooterProps> = props => {
+    const config = useContext(ConfigContext)
+
+    return (
+        <Footer
+            showAuthor={props.showAuthor}
+            address={config.address}
+            telephone={config.telephone}
+            email={config.email}
+        />
+    )
+}
diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index ba10f674..cb4080c9 100644
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -1,10 +1,13 @@
 import dynamic from 'next/dynamic'
 import cx from 'classnames'
-import { Footer } from '../Footer'
 import Comments from '../Comments'
 import { useReducedMotion } from 'src/hooks/useReducedMotion'
 import { Wrapper } from '../Wrapper'
 import { Header } from './Header'
+import { ConfigContext } from 'src/context/ConfigContext'
+import config from 'src/config'
+import { AppFooter } from './AppFooter'
+
 const Navigation = dynamic(() => import('../Navigation').then(mod => mod.Navigation), {
     ssr: false,
 })
@@ -20,31 +23,30 @@ export const App: React.FC<IAppProps> = props => {
     const motionDisabled = useReducedMotion()
 
     return (
-        <Wrapper
-            header={(
-                <Header>
-                    <Navigation
-                        items={props.menu.items}
+        <ConfigContext.Provider value={config}>
+            <Wrapper
+                header={(
+                    <Header>
+                        <Navigation
+                            items={props.menu.items}
+                        />
+                    </Header>
+                )}
+                footer={(
+                    <AppFooter
+                        showAuthor={props.showAuthor}
                     />
-                </Header>
-            )}
-            footer={(
-                <Footer
-                    showAuthor={props.showAuthor}
-                    address=" г. Шлиссельбург ул. 18 января д. 3"
-                    telephone="+7 (81362) 76-312"
-                    email="hudozka@gmail.com"
-                />
-            )}
-        >
-            <section className={cx('content', `content_${props.layout}`, {
-                'content--padding-top--menu': props.menuPadding,
-                'reduced-motion': motionDisabled,
-            })}>
-                {props.children}
-            </section>
+                )}
+            >
+                <section className={cx('content', `content_${props.layout}`, {
+                    'content--padding-top--menu': props.menuPadding,
+                    'reduced-motion': motionDisabled,
+                })}>
+                    {props.children}
+                </section>
 
-            <Comments />
-        </Wrapper>
+                <Comments />
+            </Wrapper>
+        </ConfigContext.Provider>
     )
 }
diff --git a/src/config.ts b/src/config.ts
new file mode 100644
index 00000000..7e9d4a15
--- /dev/null
+++ b/src/config.ts
@@ -0,0 +1,5 @@
+export default {
+    address: "г. Шлиссельбург ул. 18 января д. 3",
+    telephone: "+7 (81362) 76-312",
+    email: "hudozka@gmail.com",
+}
diff --git a/src/context/ConfigContext.ts b/src/context/ConfigContext.ts
new file mode 100644
index 00000000..cd30ca28
--- /dev/null
+++ b/src/context/ConfigContext.ts
@@ -0,0 +1,4 @@
+import { createContext } from 'react'
+import config from 'src/config'
+
+export const ConfigContext = createContext(config)