Add UserInfo

shop-ui/ui/src/App.js

@@ -5,12 +5,14 @@ import {Sock} from "./routes/Sock";
 import {Tag} from "./routes/Tag";
 import {Home} from "./routes/Home";
 import {CartSummary} from "./components/CartSummary";
+import {UserInfo} from "./components/UserInfo";
 
 export default function App() {
     return (
         <Router>
             <div>
                 <h1><Link to="/">Spring Socks</Link></h1>
+                <UserInfo/>
                 <CartSummary/>
                 <Switch>
                     <Route path="/cart">

shop-ui/ui/src/components/UserInfo.js

@@ -0,0 +1,25 @@
+import React, {useEffect, useState} from "react";
+
+export function UserInfo() {
+    const [me, setMe] = useState({});
+    useEffect(() => {
+        fetchMe().then(setMe);
+    }, []);
+    if (me.family_name && me.given_name) {
+        return <p>
+            {`${me.family_name} ${me.given_name}`}<br/>
+            <a href={"/logout"}>Logout</a>
+        </p>;
+    }
+    return <p><a href={"/login"}>Login</a></p>;
+}
+
+function fetchMe() {
+    return fetch('/me', {
+        method: 'GET',
+        headers: {
+            'Accept': 'application/json'
+        },
+    })
+        .then(res => res.json());
+}