From 1060a8d2c3ef8d2e98991554a6c658f47c0207a1 Mon Sep 17 00:00:00 2001 From: Brian Helba Date: Mon, 28 Dec 2020 16:28:24 -0500 Subject: [PATCH] Fix a state inconsistency in the example app --- example/index.html | 4 ++-- example/index.js | 14 ++++++++++---- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/example/index.html b/example/index.html index ea65a73..730b5c1 100644 --- a/example/index.html +++ b/example/index.html @@ -5,8 +5,8 @@ OAuth Login - - + Sign in + Sign out

Logged In: diff --git a/example/index.js b/example/index.js index 83cb17b..92e4d83 100644 --- a/example/index.js +++ b/example/index.js @@ -6,11 +6,15 @@ const oauthClient = new OauthClient( ); function updateDom() { - document.querySelector('#logged-in').innerHTML = JSON.stringify(oauthClient.isLoggedIn); - document.querySelector('#auth-headers').innerHTML = JSON.stringify(oauthClient.authHeaders); + document.querySelector('#sign-in-link').style.visibility = + oauthClient.isLoggedIn ? 'hidden' : 'visible'; + document.querySelector('#sign-out-link').style.visibility = + oauthClient.isLoggedIn ? 'visible' : 'hidden'; - const visibleButtonSelector = oauthClient.isLoggedIn ? '#sign-out-link' : '#sign-in-link'; - document.querySelector(visibleButtonSelector).style.visibility = 'visible'; + document.querySelector('#logged-in').innerHTML = + JSON.stringify(oauthClient.isLoggedIn); + document.querySelector('#auth-headers').innerHTML = + JSON.stringify(oauthClient.authHeaders); } document.querySelector('#sign-in-link') @@ -25,5 +29,7 @@ document.querySelector('#sign-out-link') .then(updateDom); }); +updateDom(); + oauthClient.maybeRestoreLogin() .then(updateDom);