feat(export): show selected count on batch export button

This commit is contained in:
tisonhuang
2026-03-05 10:16:51 +08:00
parent 3c231a7fde
commit 3062295069
2 changed files with 26 additions and 11 deletions

View File

@@ -1145,14 +1145,27 @@
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
margin-left: auto; margin-left: auto;
display: inline-flex;
align-items: center;
gap: 6px;
&:hover:not(:disabled) { &:hover:not(:disabled) {
background: var(--primary-hover); background: var(--primary-hover);
} }
&:disabled { .selection-export-count {
opacity: 0.65; min-width: 18px;
cursor: not-allowed; height: 18px;
padding: 0 5px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 11px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
font-variant-numeric: tabular-nums;
} }
} }
} }

View File

@@ -3984,14 +3984,16 @@ function ExportPage() {
> >
</button> </button>
{selectedCount > 0 && (
<button <button
className="selection-export-btn" className="selection-export-btn"
type="button" type="button"
onClick={openBatchExport} onClick={openBatchExport}
disabled={selectedCount === 0}
> >
<span></span>
<span className="selection-export-count">{selectedCount}</span>
</button> </button>
)}
</div> </div>
<div className="contacts-list-header"> <div className="contacts-list-header">
<span className="contacts-list-header-select"></span> <span className="contacts-list-header-select"></span>