Merge branch 'master' into production

Author: ahmedre

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;

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

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}
       />