From 9608398a8e3139b9927db15135e4dfbf27a9b640 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Thu, 16 Jul 2026 22:34:32 +0200
Subject: [PATCH] banner fix for change?

---
 public/s/js/f0ckm.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index 01225ed..560f690 100644
--- a/public/s/js/f0ckm.js
+++ b/public/s/js/f0ckm.js
@@ -7393,6 +7393,11 @@ class NotificationSystem {
       const userName = user || window.f0ckSession?.user;
       if (!userName) return;
 
+      // Store last known state so we can re-apply after PJAX navigation or bfcache restore
+      if (window.f0ckSession && userName === window.f0ckSession.user) {
+        this._lastKnownBanner = { banner_file, banner_position, banner_size };
+      }
+
       const setBannerStyle = (el) => {
         if (banner_file) {
           el.style.setProperty('--author-banner', `url('/a/${banner_file}?t=${Date.now()}')`);
@@ -7416,6 +7421,31 @@ class NotificationSystem {
       }
     };
 
+    // Re-apply own banner after every PJAX navigation and bfcache restore.
+    // Fixes the case where SSE fired on the settings page before the item page DOM was loaded.
+    const reapplyOwnBanner = () => {
+      if (!window.f0ckSession?.user || !this._lastKnownBanner) return;
+      const { banner_file, banner_position, banner_size } = this._lastKnownBanner;
+      const userName = window.f0ckSession.user;
+      const setBannerStyle = (el) => {
+        if (banner_file) {
+          el.style.setProperty('--author-banner', `url('/a/${banner_file}?t=${Date.now()}')`);
+          el.style.setProperty('--author-banner-position', banner_position || 'center');
+          el.style.setProperty('--author-banner-size', banner_size || 'cover');
+        } else {
+          el.style.removeProperty('--author-banner');
+          el.style.removeProperty('--author-banner-position');
+          el.style.removeProperty('--author-banner-size');
+        }
+      };
+      document.querySelectorAll(
+        `.profile_head[data-banner-user="${userName}"], .user-infobox-block[data-banner-user="${userName}"]`
+      ).forEach(el => setBannerStyle(el));
+    };
+
+    document.addEventListener('f0ck:contentLoaded', reapplyOwnBanner);
+    window.addEventListener('pageshow', (e) => { if (e.persisted) reapplyOwnBanner(); });
+
     // Poll fresh display_name from DB — used on tab focus to catch missed SSE events
     this.syncDisplayName = async () => {
       try {