From 58f218093faa85490892c9ff4f6e0dae5b26338c Mon Sep 17 00:00:00 2001
From: master3395 <master3395@users.noreply.github.com>
Date: Thu, 22 Jan 2026 19:54:29 +0100
Subject: [PATCH] Add unique ID to view-toggle and fix duplicate button
 selection

- Added id='plugins-view-toggle' to view-toggle div to prevent duplicates
- Updated toggleView() to only select buttons from the main view-toggle
- This should prevent any duplicate button issues
---
 pluginHolder/templates/pluginHolder/plugins.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pluginHolder/templates/pluginHolder/plugins.html b/pluginHolder/templates/pluginHolder/plugins.html
index 8de7334ab..0c80d34b5 100644
--- a/pluginHolder/templates/pluginHolder/plugins.html
+++ b/pluginHolder/templates/pluginHolder/plugins.html
@@ -817,7 +817,7 @@
             <h2 class="section-title">{% trans "Plugins" %}</h2>
             
             <!-- View Toggle (always shown at top) -->
-            <div class="view-toggle" style="{% if not plugins %}margin-top: 0;{% endif %}">
+            <div id="plugins-view-toggle" class="view-toggle" style="{% if not plugins %}margin-top: 0;{% endif %}">
                 <button class="view-btn {% if plugins %}active{% else %}{% endif %}" onclick="toggleView('grid')">
                     <i class="fas fa-th-large"></i>
                     {% trans "Grid View" %}
@@ -1148,7 +1148,9 @@ function toggleView(view) {
     const gridView = document.getElementById('gridView');
     const tableView = document.getElementById('tableView');
     const storeView = document.getElementById('storeView');
-    const viewBtns = document.querySelectorAll('.view-btn');
+    // Only select view buttons from the main view-toggle (prevent duplicates)
+    const viewToggle = document.getElementById('plugins-view-toggle');
+    const viewBtns = viewToggle ? viewToggle.querySelectorAll('.view-btn') : document.querySelectorAll('.view-btn');
     
     viewBtns.forEach(btn => btn.classList.remove('active'));