fix: removed close button in graphsfeature/zoom-metrics

1 files changed, 7 insertions, 19 deletions

diff --git a/static/js/main.js b/static/js/main.js
index 1617be2..a5be8d4 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -923,17 +923,11 @@ function ensureChartModalExists() {
         const canvas = document.createElement('canvas');
         canvas.id = 'expandedChart';
         
-        const closeModalBtn = document.createElement('button');
-        closeModalBtn.id = 'close-chart-modal';
-        closeModalBtn.className = 'button';
-        closeModalBtn.textContent = 'Close';
-        
         // Assemble the modal
         chartContainer.appendChild(canvas);
         modalContent.appendChild(closeButton);
         modalContent.appendChild(modalTitle);
         modalContent.appendChild(chartContainer);
-        modalContent.appendChild(closeModalBtn);
         chartModalEl.appendChild(modalContent);
         
         // Add to document body
@@ -941,7 +935,6 @@ function ensureChartModalExists() {
         
         // Set up event listeners
         closeButton.addEventListener('click', () => closeChartModal(chartModalEl));
-        closeModalBtn.addEventListener('click', () => closeChartModal(chartModalEl));
         chartModalEl.addEventListener('click', (event) => {
             if (event.target === chartModalEl) {
                 closeChartModal(chartModalEl);
@@ -952,13 +945,12 @@ function ensureChartModalExists() {
         chartModal = chartModalEl;
         chartModalTitle = modalTitle;
         closeChartModalBtn = closeButton;
-        closeChartBtn = closeModalBtn;
+        closeChartBtn = null; // No longer used
         
         console.log("Chart modal created dynamically", {
             chartModal: !!chartModal,
             chartModalTitle: !!chartModalTitle,
-            closeChartModalBtn: !!closeChartModalBtn,
-            closeChartBtn: !!closeChartBtn
+            closeChartModalBtn: !!closeChartModalBtn
         });
         
         return true;
@@ -1076,10 +1068,11 @@ document.addEventListener('DOMContentLoaded', function() {
     chartModal = document.getElementById('chart-modal');
     chartModalTitle = document.getElementById('chart-modal-title');
     closeChartModalBtn = document.querySelector('#chart-modal .close-button');
-    closeChartBtn = document.getElementById('close-chart-modal');
+    // Bottom close button has been removed
+    closeChartBtn = null;
     
     // If chart modal doesn't exist, create it
-    if (!chartModal || !chartModalTitle || !closeChartModalBtn || !closeChartBtn) {
+    if (!chartModal || !chartModalTitle || !closeChartModalBtn) {
         const created = ensureChartModalExists();
         if (created) {
             console.log("Chart modal was created during initialization");
@@ -1100,7 +1093,6 @@ document.addEventListener('DOMContentLoaded', function() {
         chartModal: !!chartModal,
         chartModalTitle: !!chartModalTitle,
         closeChartModalBtn: !!closeChartModalBtn,
-        closeChartBtn: !!closeChartBtn,
         metricsSection: !!metricsSection,
         viewMetricsBtn: !!viewMetricsBtn,
         passwordModal: !!passwordModal
@@ -1190,23 +1182,19 @@ document.addEventListener('dom-fully-ready', function() {
     const chartModalEl = document.getElementById('chart-modal');
     const chartModalTitleEl = document.getElementById('chart-modal-title');
     const closeChartModalBtnEl = document.querySelector('#chart-modal .close-button');
-    const closeChartBtnEl = document.getElementById('close-chart-modal');
     
     // Store in global variables for access in other functions
     if (chartModalEl) chartModal = chartModalEl;
     if (chartModalTitleEl) chartModalTitle = chartModalTitleEl;
     if (closeChartModalBtnEl) closeChartModalBtn = closeChartModalBtnEl;
-    if (closeChartBtnEl) closeChartBtn = closeChartBtnEl;
     
     // Verify modal elements were found
-    const allElementsFound = !!chartModal && !!chartModalTitle && 
-                             !!closeChartModalBtn && !!closeChartBtn;
+    const allElementsFound = !!chartModal && !!chartModalTitle && !!closeChartModalBtn;
     
     console.log("Chart elements initialized on dom-fully-ready event:", {
         chartModal: !!chartModal,
         chartModalTitle: !!chartModalTitle,
-        closeChartModalBtn: !!closeChartModalBtn,
-        closeChartBtn: !!closeChartBtn
+        closeChartModalBtn: !!closeChartModalBtn
     });
     
     if (!allElementsFound) {