GHL Logo Switcher

<script>
/* ============================================================
   Josh's Sub-Account Logo Switcher for GoHighLevel
   Generated at: 2026-09-24
   ============================================================ */

(() => {
  "use strict";

  /** 1️⃣  Map: sub-account (location) ID → custom logo URL */
  const MAP = {
    "<location_id>": "<logo_url>"
  };

  /** 2️⃣  Default agency logo (used when no mapping found) */
  const DEFAULT_LOGO = "<default_agency_url>";

  /** 3️⃣  Sidebar logo selector (used in GHL's current UI) */
  const SEL = "#sidebar-v2 .agency-logo-container img";

  let lastId = "";

  const getId = () => {
    const parts = location.pathname.split("/");
    const i = parts.indexOf("location");
    return i > -1 ? parts[i + 1] : null;
  };

  function apply() {
    const id = getId();
    if (!id || id === lastId) return;
    lastId = id;
    const url = MAP[id] || DEFAULT_LOGO;
    let tries = 0;
    const t = setInterval(() => {
      const img = document.querySelector(SEL);
      if (img) {
        img.src = url;
        img.removeAttribute("srcset");
        clearInterval(t);
      } else if (++tries > 120) {
        clearInterval(t);
      }
    }, 100);
  }

  const ps = history.pushState, rs = history.replaceState;
  const onNav = () => setTimeout(apply, 0);
  history.pushState = function () { ps.apply(this, arguments); onNav(); };
  history.replaceState = function () { rs.apply(this, arguments); onNav(); };
  window.addEventListener("popstate", onNav);
  new MutationObserver(onNav).observe(document.documentElement, { childList: true, subtree: true });

  apply();
})();
</script>