From 35777252d003bb359104e89e05851ae13331e689 Mon Sep 17 00:00:00 2001
From: Deepak <dmallubhotla+github@gmail.com>
Date: Sun, 24 Jan 2021 20:02:38 -0600
Subject: [PATCH] Adds user service to get people's names and things

---
 .../AuthenticatedApp-snapshot.test.jsx         |  5 +++--
 src/components/AuthenticatedApp.jsx            |  4 ++--
 .../UnauthenticatedApp-snapshot.test.jsx       |  5 +++--
 .../AuthenticatedApp-snapshot.test.jsx.snap    |  4 +++-
 src/context/AuthContext.jsx                    |  7 +++++--
 src/services/user-service.js                   | 18 ++++++++++++++++++
 6 files changed, 34 insertions(+), 9 deletions(-)
 create mode 100644 src/services/user-service.js

diff --git a/src/components/AuthenticatedApp-snapshot.test.jsx b/src/components/AuthenticatedApp-snapshot.test.jsx
index 5b08469..3595228 100644
--- a/src/components/AuthenticatedApp-snapshot.test.jsx
+++ b/src/components/AuthenticatedApp-snapshot.test.jsx
@@ -4,9 +4,10 @@ import AuthenticatedApp from "./AuthenticatedApp";
 import { AuthContext } from "../context/AuthContext";
 
 test("AuthenticatedApp Snapshot", () => {
-
 	const appRender = renderer.create(
-		<AuthContext.Provider value={{ login: jest.fn(), register: jest.fn(), logout: jest.fn() }}>
+		<AuthContext.Provider
+			value={{ login: jest.fn(), register: jest.fn(), logout: jest.fn(), user: {display_name: "Ted"} }}
+		>
 			<AuthenticatedApp />
 		</AuthContext.Provider>
 	);
diff --git a/src/components/AuthenticatedApp.jsx b/src/components/AuthenticatedApp.jsx
index 42f278a..36d6686 100644
--- a/src/components/AuthenticatedApp.jsx
+++ b/src/components/AuthenticatedApp.jsx
@@ -2,11 +2,11 @@ import React from "react";
 import { useAuth } from "../context/AuthContext";
 
 function AuthenticatedApp() {
-	const { logout } = useAuth();
+	const { logout, user } = useAuth();
 
 	return (
 		<div>
-			<p>Howdy partner.</p>
+			<p>Howdy partner. Your name looks like it&apos;s { user.display_name }.</p>
 			<button type="button" onClick={logout}>
 				Logout
 			</button>
diff --git a/src/components/UnauthenticatedApp-snapshot.test.jsx b/src/components/UnauthenticatedApp-snapshot.test.jsx
index afc161c..9487133 100644
--- a/src/components/UnauthenticatedApp-snapshot.test.jsx
+++ b/src/components/UnauthenticatedApp-snapshot.test.jsx
@@ -4,9 +4,10 @@ import UnauthenticatedApp from "./UnauthenticatedApp";
 import { AuthContext } from "../context/AuthContext";
 
 test("UnauthenticatedApp Snapshot", () => {
-
 	const appRender = renderer.create(
-		<AuthContext.Provider value={{ login: jest.fn(), register: jest.fn(), logout: jest.fn() }}>
+		<AuthContext.Provider
+			value={{ login: jest.fn(), register: jest.fn(), logout: jest.fn() }}
+		>
 			<UnauthenticatedApp />
 		</AuthContext.Provider>
 	);
diff --git a/src/components/__snapshots__/AuthenticatedApp-snapshot.test.jsx.snap b/src/components/__snapshots__/AuthenticatedApp-snapshot.test.jsx.snap
index c616075..8c8cea9 100644
--- a/src/components/__snapshots__/AuthenticatedApp-snapshot.test.jsx.snap
+++ b/src/components/__snapshots__/AuthenticatedApp-snapshot.test.jsx.snap
@@ -3,7 +3,9 @@
 exports[`AuthenticatedApp Snapshot 1`] = `
 <div>
   <p>
-    Howdy partner.
+    Howdy partner. Your name looks like it's 
+    Ted
+    .
   </p>
   <button
     onClick={[MockFunction]}
diff --git a/src/context/AuthContext.jsx b/src/context/AuthContext.jsx
index 578d4c7..499af16 100644
--- a/src/context/AuthContext.jsx
+++ b/src/context/AuthContext.jsx
@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import { register, login } from "../services/auth-service";
+import { getUserInfo } from "../services/user-service";
 
 const localStorageKey = "__auth_token__";
 const AuthContext = React.createContext();
@@ -8,11 +9,13 @@ const AuthProvider = (props) => {
 	const [user, setUser] = useState(null);
 
 	const setUserWithToken = (token) => {
-		if (user !== null && user.token === token) {
+		if (user !== null) {
 			// Already set don't re-set.
 			return;
 		}
-		setUser({ token: token });
+		getUserInfo(token).then((user) => {
+			setUser(user);
+		});
 	};
 
 	const tok = window.localStorage.getItem(localStorageKey);
diff --git a/src/services/user-service.js b/src/services/user-service.js
new file mode 100644
index 0000000..b7b0c8c
--- /dev/null
+++ b/src/services/user-service.js
@@ -0,0 +1,18 @@
+import { API_ROOT } from "./config";
+
+export const getUserInfo = (token) => {
+	const url = API_ROOT + "me";
+
+	return fetch(url, {
+		method: "GET",
+		headers: {
+			Authorization: "Bearer " + token,
+			Accept: "application/json",
+		},
+	}).then((response) => {
+		if (!response.ok) {
+			throw Error(response.statusText);
+		}
+		return response.json();
+	});
+};