From 3a041a009ae9d929bb52848073ef403d954c47b2 Mon Sep 17 00:00:00 2001
From: momentollogy <102498438+momentollogy@users.noreply.github.com>
Date: Thu, 13 Apr 2023 08:39:10 -0400
Subject: [PATCH] Update index.html

---
 index.html | 37 +++++++++++++++++++++++--------------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 4d46df3..19f17e4 100644
--- a/index.html
+++ b/index.html
@@ -131,29 +131,38 @@ <h1>Arduino Piano Buzzer Song Creator V1 <br> <small>by momentollogy</small><br>
 
 // API STUFF
 function onSignIn(googleUser) {
-  // Show the sign-out button
-  const signOutButton = document.createElement('button');
-  signOutButton.textContent = 'Sign Out';
-  signOutButton.onclick = signOut;
-  document.body.appendChild(signOutButton);
-}
-
-function onSignInFailure(error) {
-  console.error('Error signing in:', error);
+  const token = googleUser.getAuthResponse().id_token;
+  gapi.load('client', () => {
+    initClient(token).then(() => {
+      updateSignInStatus();
+    });
+  });
 }
 
 function signOut() {
   const auth2 = gapi.auth2.getAuthInstance();
   auth2.signOut().then(() => {
     console.log('User signed out.');
-    // Remove the sign-out button
-    const signOutButton = document.querySelector('button[onclick="signOut()"]');
-    if (signOutButton) {
-      document.body.removeChild(signOutButton);
-    }
+    gapi.client = null;
+    updateSignInStatus();
   });
 }
 
+function updateSignInStatus() {
+  const authInstance = gapi.auth2.getAuthInstance();
+  const isSignedIn = authInstance.isSignedIn.get();
+  const signInButton = document.getElementById('signinButton');
+
+  if (isSignedIn) {
+    signInButton.innerText = 'Sign Out';
+    signInButton.onclick = signOut;
+  } else {
+    signInButton.innerText = 'Sign In';
+    signInButton.onclick = onSignIn;
+  }
+}
+
+
 async function initClient(token) {
   await gapi.load('client:auth2', async () => {
     try {