Handle logged-in user on page load

hlxsites · Jan 17, 2024 · 90bdc72 · 90bdc72
1 parent 0a25ff4
commit 90bdc72
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 6 deletions.
diff --git a/blocks/login/login-delayed.js b/blocks/login/login-delayed.js
@@ -1,5 +1,5 @@
 import { close, displayError, reset } from './login.js';
-import { login } from '../../scripts/apis/user.js';
+import { login, isLoggedIn, getUserDetails } from '../../scripts/apis/user.js';
 
 const block = document.querySelector('.login.block');
 
@@ -32,24 +32,36 @@ function loginError(response) {
   }
 }
 
+/**
+ * Checks if the user is logged in and updates the header accordingly.
+ */
+function checkForLoggedInUser() {
+  if (isLoggedIn()) {
+    const userDetailsLink = document.body.querySelector('.nav-profile .username a');
+    document.body.querySelector('.nav-profile .login').style.display = 'none';
+    document.body.querySelector('.nav-profile .username').style.display = 'block';
+    const userDetails = getUserDetails();
+    userDetailsLink.textContent = userDetails?.profile?.firstName || 'Valued Customer';
+  }
+}
+
 /**
  * Submits the form.
  *
  * @param {HTMLFormElement} form
  */
-function submit(form) {
+async function submit(form) {
   reset();
 
   if (isValid(form)) {
     const credentials = {
       username: form.querySelector('input[name="username"]').value,
       password: form.querySelector('input[name="password"]').value,
     };
-    const userDetails = login(credentials, loginError);
+    const userDetails = await login(credentials, loginError);
     if (userDetails) {
       close();
-      const userDetailsLink = document.body.querySelector('.username a');
-      userDetailsLink.textContent = userDetails?.profile?.firstName || 'Valued Customer';
+      checkForLoggedInUser();
     }
   }
 }
@@ -107,3 +119,5 @@ block.querySelector('.cta a.cancel').addEventListener('click', (e) => {
   e.stopPropagation();
   close();
 });
+
+checkForLoggedInUser();
diff --git a/scripts/apis/user.js b/scripts/apis/user.js
@@ -42,7 +42,7 @@ export function getUserDetails() {
 
 async function fetchUserProfile(username) {
   const time = new Date().getTime();
-  const profileResponse = await fetch(`https://www.bhhs.com/bin/bhhs/cregUserProfile?Email=${username}brendan.robert%40gmail.com&_=${time}`);
+  const profileResponse = await fetch(`${API_URL}/cregUserProfile?Email=${encodeURIComponent(username)}&_=${time}`);
   const json = profileResponse.json();
   return json;
 }