Feature/faq

src/FAQ.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import close from './img/close.png';
+import './Terms.css';
+
+function FAQ() {
+  return (
+    <div className="TermsContainer">
+      <Link to="/"><img alt="close" src={close} className="CloseButton" /></Link>
+      <h1>Frequently asked questions</h1>
+      <ol>
+        <li>
+          <p className="faq_question">It&apos;s very hard to select the DOB year on Android</p>
+          <p className="faq_answer">You can tap the year at the top of the date picker on android to scroll back by year.</p>
+        </li>
+      </ol>
+    </div>
+  );
+}
+
+export default FAQ;

src/RenderingController.js

@@ -15,6 +15,7 @@ import ThankYou from './ThankYou';
 import Terms from './Terms';
 import Privacy from './Privacy';
 import Cookies from './Cookies';
+import FAQ from './FAQ';
 
 class RenderingController extends React.Component {
   constructor(props) {
@@ -85,6 +86,7 @@ class RenderingController extends React.Component {
           <Route path="/termsAndConditions/" exact render={() => <Terms />} />
           <Route path="/privacyPolicy/" exact render={() => <Privacy />} />
           <Route path="/cookiePolicy/" exact render={() => <Cookies />} />
+          <Route path="/faq/" exact render={() => <FAQ />} />
           <Route
             path="/"
             render={() => (!cookieNoticeDimsissed ? (

src/Terms.css

@@ -15,3 +15,12 @@
   width: 32px;
   height: 32px;
 }
+
+.faq_question {
+  font-weight: bold;
+}
+
+
+.faq_answer {
+  font-weight: normal;
+}

src/formViews/Welcome.js

@@ -39,6 +39,9 @@ function Welcome() {
         . We will not collect any of the data you provide, you can have a look at our
         {' '}
         <Link to="/privacyPolicy/">Privacy policy</Link>
+        . Also, check out the
+        {' '}
+        <Link to="/faq/">Frequently asked questions</Link>
         .
       </p>
     </Fragment>