Add data accuracy agreement

app/src/frontend/app.tsx

@@ -19,6 +19,7 @@ import PasswordReset from './user/password-reset';
 
 import MapApp from './map-app';
 import ContactPage from './pages/contact';
+import DataAccuracyPage from './pages/data-accuracy';
 
 
 interface AppProps {
@@ -97,6 +98,7 @@ class App extends React.Component<AppProps, any> { // TODO: add proper types
                 </Route>
                 <Route exact path="/privacy-policy.html" component={PrivacyPolicyPage} />
                 <Route exact path="/contributor-agreement.html" component={ContributorAgreementPage} />
+                <Route exact path="/data-accuracy.html" component={DataAccuracyPage} />
                 <Route exact path="/data-extracts.html" component={DataExtracts} />
                 <Route exact path="/contact.html" component={ContactPage} />
                 <Route exact path={["/", "/:mode(view|edit|multi-edit)/:category/:building(\\d+)?"]} render={(props) => (

app/src/frontend/pages/data-accuracy.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const DataAccuracyPage = () => (
+    <article>
+        <section className="main-col">
+            <h1 className="h2">Data Accuracy Agreement</h1>
+            <p>
+            The data are provided "as is", without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, accuracy, fitness for a particular purpose and non-infringement. In no event shall UCL be liable for any reliance that you place on or how you use the data nor any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the data or the use or other dealings in the data'.
+            </p>
+        </section>
+    </article>
+);
+
+export default DataAccuracyPage;

app/src/frontend/pages/data-extracts.tsx

@@ -1,6 +1,7 @@
 import React, { FunctionComponent } from 'react';
 
 import { dateReviver } from '../../helpers';
+import { NavLink } from 'react-router-dom';
 
 interface ExtractViewModel {
     extract_id: number;
@@ -44,6 +45,7 @@ export default class DataExtracts extends React.Component<{}, DataExtractsState>
                 <section className="main-col">
                     <h1 className="h2">Open data extracts</h1>
                     <p>Choose one of the links below to download an archive containing the open data collected on the Colouring London platform</p>
+                    <p>By downloading data extracts from this site, you agree to the <NavLink to="/data-accuracy.html">data accuracy agreement </NavLink></p>
                     {
                         this.state.extracts == undefined ?
                             <p>Loading extracts...</p> :

app/src/frontend/user/signup.tsx

@@ -142,8 +142,9 @@ class SignUp extends Component<any, any> { // TODO: add proper types
                                 required />
                             <label className="form-check-label" htmlFor="confirm_conditions">
                                 I confirm that I have read and agree to the <Link
-                                    to="/privacy-policy.html">privacy policy</Link> and <Link
+                                    to="/privacy-policy.html">privacy policy</Link>, <Link
-                                    to="/contributor-agreement.html">contributor agreement</Link>.
+                                    to="/contributor-agreement.html">contributor agreement</Link> and <Link
+                                    to="/data-accuracy.html">data accuracy agreement</Link>.
                             </label>
                         </div>