Suyash091/agentic.email
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI minor brush ups

Browse source
This commit is contained in:
debu-2 2026-10-04 00:23:52 +05:30
parent 1a15409b2d
commit 67ccf91e6f
7 changed files with 303 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/components/MailboxView.jsx
View file

@ -7,6 +7,7 @@ import {
Filter,
Inbox,
LayoutGrid,
List,
Mail,
RefreshCw,
Search,
@ -592,9 +593,6 @@ export default function MailboxView({
)}
</button>
))}
<small className="mailbox-range">
{listedEmails.length ? `${rangeStart}–${rangeEnd}` : title}
</small>
</div>
)}
@ -657,11 +655,24 @@ export default function MailboxView({
))}
</div>
{(cursorHistory.length > 0 || nextCursor) && (
{!status.loading && listedEmails.length > 0 && (
<footer className="mailbox-pagination">
<button type="button" disabled={!cursorHistory.length} onClick={previousPage}><ChevronLeft size={16} /> Previous</button>
<span>Page {cursorHistory.length + 1}</span>
<button type="button" disabled={!nextCursor} onClick={nextPage}>Next <ChevronRight size={16} /></button>
<span className="mailbox-pagination-range">
{`${rangeStart}–${rangeEnd}`}
{nextCursor ? "" : ` · ${rangeEnd} loaded`}
</span>
<div className="mailbox-pagination-controls">
<button type="button" title="Previous page" aria-label="Previous page" disabled={!cursorHistory.length} onClick={previousPage}>
<ChevronLeft size={16} strokeWidth={1.75} />
</button>
<button type="button" title="Next page" aria-label="Next page" disabled={!nextCursor} onClick={nextPage}>
<ChevronRight size={16} strokeWidth={1.75} />
</button>
</div>
<div className="mailbox-pagination-density" aria-label="List density">
<button type="button" className="active" title="Comfortable density" aria-label="Comfortable density"><List size={15} strokeWidth={1.75} /></button>
<button type="button" title="Compact density" aria-label="Compact density"><LayoutGrid size={15} strokeWidth={1.75} /></button>
</div>
</footer>
)}