From 3a18609e33238c746a3fdd5b8580a5902b71ae29 Mon Sep 17 00:00:00 2001
From: Joey Yakimowich-Payne <jyapayne@pm.me>
Date: Fri, 18 Apr 2025 07:15:22 -0600
Subject: [PATCH] remove redundant button

---
 beango/css/beango.css |  6 +++---
 beango/index.html     |  4 +---
 beango/js/beango.js   | 25 +++++++++++++++++++++++++
 3 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/beango/css/beango.css b/beango/css/beango.css
index 7998f96..6821a75 100644
--- a/beango/css/beango.css
+++ b/beango/css/beango.css
@@ -90,9 +90,9 @@ body {
 /* NEW: Style for highlighted search results */
 .bingo-cell.highlighted {
     border-color: #3b82f6; /* Tailwind blue-500 */
-    border-width: 3px;
-    transform: scale(1.05);
-    box-shadow: 0 0 15px rgba(59, 130, 246, 0.6); /* Stronger blue glow */
+    border-width: 3px; /* Reverted from 4px */
+    transform: scale(1.05); /* Reverted from 1.07 */
+    box-shadow: 0 0 15px rgba(59, 130, 246, 0.8); /* Increased opacity from 0.6 (Kept) */
     z-index: 10; /* Ensure highlighted cells are visually on top if overlapping happens during scale */
 }
 
diff --git a/beango/index.html b/beango/index.html
index 1fc884f..d85fb24 100644
--- a/beango/index.html
+++ b/beango/index.html
@@ -36,9 +36,7 @@
 
         <!-- Control Buttons -->
         <div class="flex space-x-4 mb-4">
-             <button onclick="generateBoard()" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded">
-                Generate/Update Board
-            </button>
+             <!-- Removed Generate/Update Button -->
             <button onclick="randomizeBoard()" class="bg-yellow-600 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded">
                 Randomize
             </button>
diff --git a/beango/js/beango.js b/beango/js/beango.js
index ed86d76..f7f03c7 100644
--- a/beango/js/beango.js
+++ b/beango/js/beango.js
@@ -806,6 +806,11 @@ function randomizeBoard() {
         applyMarkedCellStyle(cell); // Reset marked styles (which also calls applyCellStyle)
     });
 
+    // Explicitly remove any existing highlights BEFORE clearing the search input
+    const currentlyHighlighted = board.querySelectorAll('.bingo-cell.highlighted');
+    currentlyHighlighted.forEach(cell => cell.classList.remove('highlighted'));
+
+    clearSearch(); // Clear search highlights and input
     clearMarks(false); // Clear visual marks
     saveBoardState(); // Save the new randomized state (including cleared marks)
     showNotification('Board randomized!', 'success');
@@ -930,6 +935,22 @@ function getMarkedIndices() {
     return indices;
 }
 
+// --- Clear Search Input and Highlights ---
+function clearSearch() {
+    const searchInput = document.getElementById('search-input');
+    if (searchInput) {
+        searchInput.value = ''; // Clear the input field
+        // Trigger the input event listener to ensure highlights are removed
+        searchInput.dispatchEvent(new Event('input'));
+    }
+    // It's technically redundant to remove the class here now, as the
+    // event listener triggered above should handle it, but it doesn't hurt.
+    const highlightedCells = document.querySelectorAll('#bingo-board .bingo-cell.highlighted');
+    highlightedCells.forEach(cell => {
+        cell.classList.remove('highlighted'); // Remove highlight class
+    });
+}
+
 // --- Load State on Page Load ---
 function loadFromLocalStorage() {
     const savedSize = localStorage.getItem(LS_BOARD_SIZE) || "5"; // Default to 5
@@ -1391,6 +1412,10 @@ function loadFromLocalStorage() {
         saveCellStyleSettings();
         refreshCellStyles();
     });
+
+    clearSearch(); // Clear search highlights and input
+    clearMarks(false); // Clear visual marks
+    saveBoardState(); // Save the new randomized state (including cleared marks)
 }
 
 // --- Function to make all cells square and equal size ---