Elijah/convertor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: delete selected button stays disabled when no jobs are selected instead of hidden

Browse source
This commit is contained in:
Namit2003 2025-12-22 22:42:20 -05:00
parent 33fc669169
commit be29df763d
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/history.tsx
View file

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