lougout as people

Author: sw-yx

.size-snapshot.json

@@ -1,35 +1,35 @@
 {
   "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.cjs.development.js": {
-    "bundled": 12653,
-    "minified": 8132,
-    "gzipped": 2130
+    "bundled": 13074,
+    "minified": 8197,
+    "gzipped": 2149
   },
   "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.cjs.production.js": {
-    "bundled": 12653,
-    "minified": 8132,
-    "gzipped": 2130
+    "bundled": 13074,
+    "minified": 8197,
+    "gzipped": 2149
   },
   "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.umd.development.js": {
-    "bundled": 13620,
-    "minified": 7066,
-    "gzipped": 2077
+    "bundled": 14059,
+    "minified": 7131,
+    "gzipped": 2100
   },
   "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.umd.production.js": {
-    "bundled": 13620,
-    "minified": 7066,
-    "gzipped": 2077
+    "bundled": 14059,
+    "minified": 7131,
+    "gzipped": 2100
   },
   "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.es.production.js": {
-    "bundled": 12418,
-    "minified": 7900,
-    "gzipped": 2070,
+    "bundled": 12839,
+    "minified": 7965,
+    "gzipped": 2089,
     "treeshaked": {
       "rollup": {
-        "code": 5599,
+        "code": 5664,
         "import_statements": 198
       },
       "webpack": {
-        "code": 6907
+        "code": 6972
       }
     }
   }

example/package.json

@@ -9,7 +9,8 @@
     "@types/react-dom": "16.8.4",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "react-scripts": "3.0.0",
+    "react-scripts": "^3.0.0",
+    "react-netlify-identity-widget": "latest",
     "typescript": "3.4.5",
     "@reach/dialog": "^0.2.3",
     "@reach/tabs": "^0.1.3",

netlify.toml

@@ -1,7 +1,7 @@
 # example netlify.toml
 [build]
   # command = "yarn link && cd example && yarn && yarn link react-netlify-identity-widget && yarn build"
-  command = "cd example && yarn && yarn add react-netlify-identity-widget && yarn build"
+  command = "cd example && yarn && yarn build"
   functions = "functions"
   publish = "example/build"
 

src/components/logout.tsx

@@ -4,6 +4,9 @@ import useLoading from "../useLoading"
 
 export function Logout() {
   const identity = useIdentityContext()
+  const name =
+    (identity && identity.user && identity.user.user_metadata && identity.user.user_metadata.full_name) || "NoName"
+  
   const [isLoading, load] = useLoading()
   const logout = () => load(identity.logoutUser())
   return (
@@ -14,7 +17,7 @@ export function Logout() {
       <form className="form ">
         <p className="infoText">
           Logged in as <br />
-          <span className="infoTextEmail">Shawn Wang</span>
+          <span className="infoTextEmail">{name}</span>
         </p>
         <button type="submit" className={isLoading ? "btn saving" : "btn"} onClick={logout}>
           Log out