From 247d78374c83e00082ec63d11e27e57c9a261952 Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Thu, 4 Jun 2026 14:58:07 -0400
Subject: [PATCH] fix: import getFileIcon from utils.js + close button re-bind
 after setBody

- vaulthome.js: getFileIcon was imported from viewer.js but lives in utils.js
- backups.js: setBody() now re-binds close button handler after innerHTML replacement
---
 frontend/js/backups.js   | 11 ++++++++++-
 frontend/js/vaulthome.js |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/js/backups.js b/frontend/js/backups.js
index 743dcab..e523189 100644
--- a/frontend/js/backups.js
+++ b/frontend/js/backups.js
@@ -112,7 +112,16 @@ function createOverlay() {
 
 function setBody(html) {
   const panel = document.getElementById('backup-viewer-panel');
-  if (panel) panel.innerHTML = html;
+  if (!panel) return;
+  panel.innerHTML = html;
+  // Re-bind close button after innerHTML replacement
+  const closeBtn = panel.querySelector('.backup-close-btn');
+  if (closeBtn) {
+    closeBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      close();
+    });
+  }
 }
 
 function close() {
diff --git a/frontend/js/vaulthome.js b/frontend/js/vaulthome.js
index d436a23..2ced4cb 100644
--- a/frontend/js/vaulthome.js
+++ b/frontend/js/vaulthome.js
@@ -15,7 +15,8 @@
  */
 
 import { api } from './auth.js';
-import { el, safeCreateIcons, getFileIcon } from './viewer.js';
+import { el, safeCreateIcons } from './viewer.js';
+import { getFileIcon } from './utils.js';
 import { TabManager } from './ui.js';
 
 // ---------------------------------------------------------------------------