Add user details

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "lodash.merge": "^4.6.2",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-scripts": "3.0.1"

src/components/auth.jsx

@@ -0,0 +1,11 @@
+export function authenticate(email, password) {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve({
+        name: "New name",
+        dateOfBirth: "01/01/1991",
+        email: "[email protected]"
+      });
+    }, 2500);
+  });
+}

src/components/login.jsx

@@ -1,20 +1,21 @@
 import React, { useState, useContext } from "react";
 import LoadingContext from "./loadingContext";
+import { authenticate } from "./auth";
+import UserDetailsContext from "./userDetailsContext";
 
 const Login = () => {
-  const { showLoading, hideLoading } = useContext(LoadingContext);
+  // const { showLoading, hideLoading } = useContext(LoadingContext);
+  const { setUserDetails } = useContext(UserDetailsContext);
+
+  const [email] = useState("[email protected]");
+  const [password] = useState("password");
+
   const authenticateUser = () => {
-    showLoading();
-    // authenticateUser(email, password).then(userDetails => {
-    //   const {
-    //     name,
-    //     dateOfBirth,
-    //     email,
-    //     secretQuestion,
-    //     secretAnswer
-    //   } = userDetails;
-    //   hideLoading;
-    // });
+    // showLoading();
+    authenticateUser(email, password).then(userDetails => {
+      const { name, dateOfBirth, email } = userDetails;
+      // hideLoading;
+    });
   };
   return <button onClick={authenticateUser}>Login</button>;
 };

src/components/userDetailsProvider.jsx

@@ -0,0 +1,30 @@
+import React, { useState, useContext } from "react";
+import merge from "lodash.merge";
+
+import UserDetailsContext from "./userDetailsContext";
+
+const UserDetailsProvider = ({ children }) => {
+  const setUserDetails = ({ name, dateOfBirth, email }) => {
+    updateUserDetails(prevState => {
+      const newState = { ...prevState };
+      return merge(newState, {
+        name,
+        dateOfBirth,
+        email
+      });
+    });
+  };
+  const userState = {
+    name: "",
+    dateOfBirth: "",
+    email: ""
+  };
+  const [userDetails, updateUserDetails] = useState(userState);
+  return (
+    <UserDetailsContext.Provider value={userDetails}>
+      {children}
+    </UserDetailsContext.Provider>
+  );
+};
+
+export default UserDetailsProvider;