Fix: Add footer to all pages (#2208)

* Added footer to About page * Added footer to State pages Co-authored-by: Ayush Shukla <[email protected]>
covid19india · Jul 6, 2020 · e13595c · e13595c
1 parent b18aaa4
commit e13595c
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 17 deletions.
diff --git a/src/components/About.js b/src/components/About.js
@@ -1,3 +1,5 @@
+import Footer from './Footer';
+
 import React, {useState, useEffect} from 'react';
 import {Helmet} from 'react-helmet';
 
@@ -29,30 +31,35 @@ function About(props) {
   };
 
   return (
-    <div className="About">
+    <React.Fragment>
       <Helmet>
         <title>FAQ - covid19india.org</title>
         <meta
           name="title"
           content="Coronavirus Outbreak in India: Latest Map and Case Count"
         />
       </Helmet>
-      {faq.map((faq, index) => {
-        return (
-          <div
-            key={index}
-            className="faq fadeInUp"
-            style={{animationDelay: `${0.5 + index * 0.1}s`}}
-          >
-            <h2 className="question">{faq.question}</h2>
-            <h2
-              className="answer"
-              dangerouslySetInnerHTML={{__html: faq.answer}}
-            ></h2>
-          </div>
-        );
-      })}
-    </div>
+
+      <div className="About">
+        {faq.map((faq, index) => {
+          return (
+            <div
+              key={index}
+              className="faq fadeInUp"
+              style={{animationDelay: `${0.5 + index * 0.1}s`}}
+            >
+              <h2 className="question">{faq.question}</h2>
+              <h2
+                className="answer"
+                dangerouslySetInnerHTML={{__html: faq.answer}}
+              ></h2>
+            </div>
+          );
+        })}
+      </div>
+
+      <Footer />
+    </React.Fragment>
   );
 }
 

diff --git a/src/components/State.js b/src/components/State.js
@@ -1,4 +1,5 @@
 import DeltaBarGraph from './DeltaBarGraph';
+import Footer from './Footer';
 import Level from './Level';
 import MapSwitcher from './MapSwitcher';
 import StateHeader from './StateHeader';
@@ -290,6 +291,8 @@ function State(props) {
           </React.Fragment>
         </div>
       </div>
+
+      <Footer />
     </React.Fragment>
   );
 }