From ef8770c5ca72d74e6e1c0e38b262eeeff43f2035 Mon Sep 17 00:00:00 2001
From: QuickMythril <quickmythril@protonmail.com>
Date: Mon, 3 Feb 2025 00:21:14 -0500
Subject: [PATCH] add button to show/hide minter admin list in MAM board

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

diff --git a/assets/js/ARBoard.js b/assets/js/ARBoard.js
index 5f83d0b..4818792 100644
--- a/assets/js/ARBoard.js
+++ b/assets/js/ARBoard.js
@@ -153,6 +153,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"
@@ -285,6 +298,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;">
@@ -297,6 +326,7 @@ const displayExistingMinterAdmins = async () => {
                     ${rowsHtml}
                 </tbody>
             </table>
+          </div>
         `
         adminListContainer.innerHTML = `
             <h3 style="color:rgb(212, 212, 212);">Existing Minter Admins: ${totalAdmins}</h3>