From be29df763d22a46795c36b96f6b44c6e98fbd62e Mon Sep 17 00:00:00 2001
From: Namit2003 <namit.k.patel@gmail.com>
Date: Mon, 22 Dec 2025 22:42:20 -0500
Subject: [PATCH] refactor: delete selected button stays disabled when no jobs
 are selected instead of hidden

---
 src/pages/history.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/history.tsx b/src/pages/history.tsx
index cff2010..b7b081f 100644
--- a/src/pages/history.tsx
+++ b/src/pages/history.tsx
@@ -49,10 +49,11 @@ export const history = new Elysia().use(userService).get(
             <article class="article">
               <div class="mb-4 flex items-center justify-between">
                 <h1 class="text-xl">Results</h1>
-                <div id="delete-selected-container" class="hidden">
+                <div id="delete-selected-container">
                   <button
                     id="delete-selected-btn"
                     class="flex btn-secondary flex-row gap-2 text-contrast"
+                    disabled
                   >
                     <DeleteIcon />{" "}
                     <span>
@@ -259,10 +260,11 @@ export const history = new Elysia().use(userService).get(
                 function updateDeleteButton() {
                   const checkedBoxes = Array.from(jobCheckboxes).filter(cb => cb.checked);
                   if (checkedBoxes.length > 0) {
-                    deleteSelectedContainer.classList.remove('hidden');
+                    deleteSelectedBtn.disabled = false;
                     selectedCountSpan.textContent = checkedBoxes.length;
                   } else {
-                    deleteSelectedContainer.classList.add('hidden');
+                    deleteSelectedBtn.disabled = true;
+                    selectedCountSpan.textContent = '0';
                   }
                 }