From 608838045fa68adb22a9234f860a188e992fd10b Mon Sep 17 00:00:00 2001
From: Gabriel Avila <gabrielavila01@gmail.com>
Date: Thu, 6 Jun 2024 04:14:53 -0300
Subject: [PATCH] Preserve scroll position in navbar after livewire update

---
 resources/views/components/navbar.blade.php | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index fbb5291fb..feb555b75 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -44,8 +44,15 @@
                 this.theme = 'system';
                 document.documentElement.classList.remove('dark');
             }
-        }
-}">
+        },
+        saveScrollPosition() {
+            localStorage.setItem('navbarScrollPosition', this.$refs.navbar.scrollTop);
+        },
+        restoreScrollPosition() {
+            this.$nextTick(() => {
+                this.$refs.navbar.scrollTop = localStorage.getItem('navbarScrollPosition') || 0;
+            });
+        }}" @livewire:load="restoreScrollPosition()" @livewire:update="saveScrollPosition()">
     <div class="flex pt-6 pb-4 pl-3">
         <div class="flex flex-col w-full">
             <div class="text-2xl font-bold tracking-wide dark:text-white">Coolify</div>
@@ -83,7 +90,7 @@
     <div class="px-2 pt-2 pb-7">
         <livewire:switch-team />
     </div>
-    <ul role="list" class="flex flex-col flex-1 gap-y-7">
+    <ul role="list" class="flex flex-col flex-1 gap-y-7" x-ref="navbar">
         <li class="flex-1 overflow-x-hidden">
             <ul role="list" class="flex flex-col h-full space-y-1.5">
                 @if (isSubscribed() || !isCloud())
@@ -420,4 +427,4 @@
             </a>
         </li> --}}
     </ul>
-</nav>
+</nav>
\ No newline at end of file