+ All data is private and anonymous. You can still report your data to
+ this map if you haven’t taken a test, and update test results later.{" "}
+
+
+ Self Report
+
+ Download your Location History
+
+ Using{" "}
+ Google Takeout
+ , find your “Location History” and export your file. Unzip your
+ downloaded file and locate your most recent month of Location History.
+ Here is a step-by-step guide below:
+
+
+ Step 1
+
+ Make sure your “Location History” is turned ON at{" "}
+ Google Takeout.
+
+ 
+
+ Step 2
+
+ Download your ““Location History” from{" "}
+ Google Takeout.
+
+ 
+
+ Step 3
+
+ Select “export once”, set file type to .zip, and leave the other options
+ as they are.
+
+
+ Step 4
+
+ When you receive your Takeout order from Google, unzip the file and
+ locate your most recent month of{" "}
+
+ Location History. Takeout > Location History > Semantic Location
+ History > 2020 > 2020_MARCH.json
+ {" "}
+ Can’t find the file?
+
+
+
+
+
+ );
+};
+
+export default Step3;
diff --git a/UIcode/src/Pages/Contribute/index.jsx b/UIcode/src/Pages/Contribute/index.jsx
new file mode 100644
index 0000000..931a962
--- /dev/null
+++ b/UIcode/src/Pages/Contribute/index.jsx
@@ -0,0 +1,122 @@
+import React, { useContext } from "react";
+import { useState } from "react";
+import styled from "styled-components";
+import Button from "Components/Common/Button";
+import Row from "Components/Grid/Row";
+import Step1 from "./Step1";
+import Step2 from "./Step2";
+import { authContext } from "Providers/AuthProvider";
+import LoginForm from "Sections/LoginForm";
+import Step3 from "./Step3";
+import { parseJsonFile, convertLocationData } from "Services/parser";
+import { report } from "Services/api";
+import { addData } from "Services/enclave";
+import Authorized from "Sections/Authorized";
+import Flash from "Components/FlashMessage/Flash";
+import 'typeface-roboto';
+
+const Wrapper = styled.div`
+ padding-top: 50px;
+`;
+
+const Contribute = ({ history }) => {
+ const [step, setStep] = useState(0);
+ const [testResult, setTestResult] = useState("positive");
+ const [testDate, setTestDate] = useState(null);
+ const { jwtToken, me } = useContext(authContext);
+ const [errors, setErrors] = useState([]);
+ const showButtons = step === 1;
+
+ const nextPage = () => setStep((step) => step + 1);
+ const goToResultsPage = () => history.push("/results");
+
+ const sendReport = () =>
+ report({
+ token: jwtToken,
+ data: {
+ idUser: me.idUser,
+ testDate,
+ testResult: testResult === "positive" ? 1 : 0,
+ },
+ })
+ .then(nextPage)
+ .catch((e) => {
+ if (e?.response?.data?.errors) {
+ setErrors(e.response.data.errors);
+ } else {
+ alert("error");
+ }
+ });
+
+ const handleFileSubmit = (file) => {
+ parseJsonFile(file)
+ .then((json) => {
+ const data = convertLocationData(json, testResult === "positive");
+ console.log('json_converted_locationData',json);
+ addData(me._id, JSON.stringify(data))
+ .then(() => {
+ Flash.set(
+ "Your data has been successfully shared with SafeTrace API.",
+ "success"
+ );
+ goToResultsPage();
+ })
+ .catch(() => alert("An error occurred. Please try again"));
+ })
+ .catch(() => alert("Invalid file"));
+ };
+
+ const handleTestDateChange = (date) => setTestDate(date);
+ const handleNextClick = () => {
+ //If use had done a test, then send the report, if not just let to go to the next page
+ if (step === 1 && testResult !== "not_tested") {
+ sendReport();
+ } else {
+ nextPage();
+ }
+ };
+
+ const handleBackClick = () => setStep((step) => step - 1);
+ const onFileChange = (f) => {
+ parseJsonFile(f).catch(() => alert("Invalid file"));
+ };
+
+ const steps = [
+ () => (
+ 
- 