diff --git a/src/FAQ.js b/src/FAQ.js new file mode 100644 index 0000000..df6a9ab --- /dev/null +++ b/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 ( +
+ close +

Frequently asked questions

+
    +
  1. +

    It's very hard to select the DOB year on Android

    +

    You can tap the year at the top of the date picker on android to scroll back by year.

    +
  2. +
+
+ ); +} + +export default FAQ; diff --git a/src/RenderingController.js b/src/RenderingController.js index 01d2b99..c5e7461 100644 --- a/src/RenderingController.js +++ b/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 { } /> } /> } /> + } /> (!cookieNoticeDimsissed ? ( diff --git a/src/Terms.css b/src/Terms.css index 73438ad..24f3768 100644 --- a/src/Terms.css +++ b/src/Terms.css @@ -15,3 +15,12 @@ width: 32px; height: 32px; } + +.faq_question { + font-weight: bold; +} + + +.faq_answer { + font-weight: normal; +} diff --git a/src/formViews/Welcome.js b/src/formViews/Welcome.js index 5712ca1..05d56d5 100644 --- a/src/formViews/Welcome.js +++ b/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 {' '} Privacy policy + . Also, check out the + {' '} + Frequently asked questions .