fix: fix avatar display and input disabled state (#18)

src/oauth.js

@@ -40,6 +40,7 @@ function login() {
           .getUserProfile(accessToken)
           .then((userProfile) => displayUserProfile(userProfile));
       });
+      setInputDisabledState(true, "endpoint", "applicationName")
     } else {
       alert("Login failed!");
     }
@@ -49,6 +50,7 @@ function login() {
 // eslint-disable-next-line no-unused-vars
 function logout() {
   chrome.storage.sync.set({accessToken: ""}, () => clearUserProfile());
+  setInputDisabledState(false, "endpoint", "applicationName")
 }
 
 function displayUserProfile(userProfile) {
@@ -63,3 +65,14 @@ function clearUserProfile() {
   document.getElementById("user").innerHTML = "";
   document.getElementById("loginOrLogout").innerText = "Login";
 }
+
+function setInputDisabledState(disabledState, ...elementIds) {  
+  elementIds.forEach(elementId => {  
+    const inputElement = document.getElementById(elementId);  
+    if (inputElement) {  
+      inputElement.disabled = disabledState;  
+    } else {  
+      console.warn(`No element found with ID: ${elementId}`);  
+    }  
+  });  
+}

src/popup.js

@@ -40,6 +40,7 @@ document.addEventListener("DOMContentLoaded", function() {
         const managedAccounts = account.data.managedAccounts;
         chrome.storage.sync.set({managedAccounts});
       });
+      setInputDisabledState(true, "endpoint", "applicationName")
     } else {
       clearUserProfile();
     }

src/sdk.js

@@ -31,7 +31,7 @@ class Sdk {
   getSignInUrl(clientId) {
     const endpoint = this.config.endpoint;
     const redirectUri = this.getRedirectUri();
-    const scope = "openid";
+    const scope = "profile";
     const state = this.config.applicationName;
     return `${endpoint}/login/oauth/authorize?client_id=${clientId}&response_type=token&redirect_uri=${redirectUri}&scope=${scope}&state=${state}`;
   }