From 75e4a1c934e893b86443966bc108db56b340eecb Mon Sep 17 00:00:00 2001
From: Naveed Ahmad <naveedahmada036@gmail.com>
Date: Sun, 28 May 2017 01:08:49 +0500
Subject: [PATCH] pdf footer (#804)

---
 src/components/Footer/PdfFooter/index.js | 19 +++++++++++++++++++
 src/containers/App/index.js              |  4 +++-
 src/routes.js                            | 24 +++++++++++++-----------
 3 files changed, 35 insertions(+), 12 deletions(-)
 create mode 100644 src/components/Footer/PdfFooter/index.js

diff --git a/src/components/Footer/PdfFooter/index.js b/src/components/Footer/PdfFooter/index.js
new file mode 100644
index 000000000..80a07901c
--- /dev/null
+++ b/src/components/Footer/PdfFooter/index.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import Link from 'react-router/lib/Link';
+
+const PdfFooter = () => (
+  <footer>
+    <div className="container">
+      <div className="row">
+        <div className="col-md-12">
+          <p className="text-center">
+            This PDF is exported from {' '}
+            <Link to="https://quran.com">Quran.com</Link>
+          </p>
+        </div>
+      </div>
+    </div>
+  </footer>
+);
+
+export default PdfFooter;
diff --git a/src/containers/App/index.js b/src/containers/App/index.js
index 5e5e3fd21..ca617c4c3 100644
--- a/src/containers/App/index.js
+++ b/src/containers/App/index.js
@@ -53,6 +53,7 @@ class App extends Component {
     const {
       main,
       nav,
+      footer,
       children,
       media,
       footNote,
@@ -98,7 +99,7 @@ class App extends Component {
           />}
         {children || main}
         <SmartBanner title="The Noble Quran - القرآن الكريم" button="Install" />
-        <Footer />
+        {footer || <Footer />}
         {__CLIENT__ &&
           <Modal
             bsSize="large"
@@ -152,6 +153,7 @@ App.propTypes = {
   children: PropTypes.element,
   main: PropTypes.element,
   nav: PropTypes.element,
+  footer: PropTypes.element,
   sidebar: PropTypes.element,
   footNote: customPropTypes.footNoteType,
   loadingFootNote: PropTypes.bool
diff --git a/src/routes.js b/src/routes.js
index 8db7ddc1f..8eb928f8d 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -173,17 +173,19 @@ export default (store) => {
       <Route
         path="/:chapterId(/:range).pdf"
         getComponents={(nextState, cb) =>
-          import('./containers/Pdf')
-            .then(module => cb(null, { main: module.default, nav: 'noscript' }))
-            .catch(err => console.trace(err))}
-        onEnter={checkValidChapterOrVerse}
-      />
-
-      <Route
-        path="/:chapterId(/:range).pdf"
-        getComponents={(nextState, cb) =>
-          import(/* webpackChunkName: "pdf" */ './containers/Pdf')
-            .then(module => cb(null, { main: module.default, nav: 'noscript' }))
+          Promise.all([
+            import(/* webpackChunkName: "pdf" */ './containers/Pdf'),
+            import(
+              /* webpackChunkName: "pdf-footer" */ './components/Footer/PdfFooter'
+            )
+          ])
+            .then(modules =>
+              cb(null, {
+                main: modules[0].default,
+                footer: modules[1].default,
+                nav: 'noscript'
+              })
+            )
             .catch(err => console.trace(err))}
         onEnter={checkValidChapterOrVerse}
       />