diff --git a/static/js/emailLibrary.js b/static/js/emailLibrary.js index 4e12db5ee..4077fddfb 100644 --- a/static/js/emailLibrary.js +++ b/static/js/emailLibrary.js @@ -863,7 +863,7 @@ export function openEmailLibrary(opts = {}) { - + @@ -1233,10 +1233,20 @@ export function openEmailLibrary(opts = {}) { } } - // Select mode toggle + // Select mode toggle — icon + label swap matches the brain memories + // select button (dot+Select ↔ X+Cancel). + const _SELECT_BTN_DOT_SVG = ''; + const _SELECT_BTN_X_SVG = ''; + const _setSelectBtnState = (on) => { + const btn = document.getElementById('email-lib-select-btn'); + if (!btn) return; + if (on) { btn.classList.add('active'); btn.innerHTML = _SELECT_BTN_X_SVG + 'Cancel'; } + else { btn.classList.remove('active'); btn.innerHTML = _SELECT_BTN_DOT_SVG + 'Select'; } + }; document.getElementById('email-lib-select-btn').addEventListener('click', () => { state._selectMode = !state._selectMode; state._selectedUids.clear(); + _setSelectBtnState(state._selectMode); _updateBulkBar(); _renderGrid(); }); @@ -1256,6 +1266,7 @@ export function openEmailLibrary(opts = {}) { document.getElementById('email-lib-bulk-cancel')?.addEventListener('click', () => { state._selectMode = false; state._selectedUids.clear(); + _setSelectBtnState(false); _updateBulkBar(); _renderGrid(); });