From 136a6458c8c9e6df2573d25c0462f13d23587c16 Mon Sep 17 00:00:00 2001
From: QuickMythril <quickmythril@protonmail.com>
Date: Tue, 28 Jan 2025 04:50:54 -0500
Subject: [PATCH] add button to show/hide minter admin list in ARA board

---
 assets/js/ARBoard.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/assets/js/ARBoard.js b/assets/js/ARBoard.js
index e9c90b0..09fdc98 100644
--- a/assets/js/ARBoard.js
+++ b/assets/js/ARBoard.js
@@ -147,6 +147,19 @@ const toggleProposeButton = () => {
     proposeButton.style.display === 'flex' ? 'none' : 'flex'
 }
 
+const toggleAdminTable = () => {
+  const tableContainer = document.getElementById("adminTableContainer")
+  const toggleBtn = document.getElementById("toggleAdminTableButton")
+
+  if (tableContainer.style.display === "none") {
+    tableContainer.style.display = "block"
+    toggleBtn.textContent = "Hide Minter Admins"
+  } else {
+    tableContainer.style.display = "none"
+    toggleBtn.textContent = "Show Minter Admins"
+  }
+}
+
 const fetchAllARTxData = async () => {
     const addAdmTx = "ADD_GROUP_ADMIN"
     const remAdmTx = "REMOVE_GROUP_ADMIN"
@@ -279,6 +292,22 @@ const displayExistingMinterAdmins = async () => {
         }
         // 3) Build the table
         const tableHtml = `
+        <div style="text-align: center; margin-bottom: 1em;">
+          <button
+            id="toggleAdminTableButton"
+            onclick="toggleAdminTable()"
+            style="
+              padding: 10px;
+              background: #444;
+              color: #fff;
+              border-radius: 5px;
+              cursor: pointer;
+            "
+          >
+            Show Minter Admins
+          </button>
+        </div>
+        <div id="adminTableContainer" style="display: none;">
             <table style="width: 100%; border-collapse: collapse;">
                 <thead>
                     <tr style="background:rgb(21, 36, 18); color:rgb(183, 208, 173); font-size: 1.5rem;">
@@ -291,6 +320,7 @@ const displayExistingMinterAdmins = async () => {
                     ${rowsHtml}
                 </tbody>
             </table>
+          <div>
         `
         adminListContainer.innerHTML = `
             <h3 style="color:rgb(212, 212, 212);">Existing Minter Admins: ${totalAdmins}</h3>