index.js - Client Side - Header - Tinder Clone

index.js

window.addEventListener("DOMContentLoaded", function () {
  ...
  // set header information
  const authenticatedUser = JSON.parse(localStorage.getItem("auth"));
  if (authenticatedUser) {
    ...
    // show authenticated user on the header.
    const headerRight = document.getElementById("header__right");
    const userImage = document.getElementById("user__image");
    const userName = document.getElementById("user__name");
    ...
    const showHeaderInformation = () => {
      if (headerRight && userImage && userName && authenticatedUser && authenticatedUser.uid) {
        headerRight.classList.remove("header__right--hide");
        userImage.src = authenticatedUser.avatar;
        userName.innerHTML = `Hello, ${authenticatedUser.name}`;
      }
    };
  }
  ...
  showHeaderInformation();
  ...
});