From 564640d94b7248ab7e384391ff6f8543d2aa4923 Mon Sep 17 00:00:00 2001
From: Maciej Ziarkowski <maciej.ziarkowski@gmail.com>
Date: Wed, 2 Oct 2019 19:26:18 +0100
Subject: [PATCH] Add data accuracy agreement

---
 app/src/frontend/app.tsx                 |  2 ++
 app/src/frontend/pages/data-accuracy.tsx | 14 ++++++++++++++
 app/src/frontend/pages/data-extracts.tsx |  2 ++
 app/src/frontend/user/signup.tsx         |  5 +++--
 4 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 app/src/frontend/pages/data-accuracy.tsx

diff --git a/app/src/frontend/app.tsx b/app/src/frontend/app.tsx
index bd84ba91..c8b23d50 100644
--- a/app/src/frontend/app.tsx
+++ b/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) => (
diff --git a/app/src/frontend/pages/data-accuracy.tsx b/app/src/frontend/pages/data-accuracy.tsx
new file mode 100644
index 00000000..193a35af
--- /dev/null
+++ b/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;
diff --git a/app/src/frontend/pages/data-extracts.tsx b/app/src/frontend/pages/data-extracts.tsx
index 328d9cb3..0b8220cb 100644
--- a/app/src/frontend/pages/data-extracts.tsx
+++ b/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> :
diff --git a/app/src/frontend/user/signup.tsx b/app/src/frontend/user/signup.tsx
index 9a8f4232..1a8ad00e 100644
--- a/app/src/frontend/user/signup.tsx
+++ b/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="/contributor-agreement.html">contributor agreement</Link>.
+                                    to="/privacy-policy.html">privacy policy</Link>, <Link
+                                    to="/contributor-agreement.html">contributor agreement</Link> and <Link
+                                    to="/data-accuracy.html">data accuracy agreement</Link>.
                             </label>
                         </div>