diff --git a/ui/src/pages/Inbox.tsx b/ui/src/pages/Inbox.tsx index 149bd2922a..5fb26c30b8 100644 --- a/ui/src/pages/Inbox.tsx +++ b/ui/src/pages/Inbox.tsx @@ -960,13 +960,17 @@ export function Inbox() { items={[ { value: "mine", - label: "Mine", + label: `Mine${isMineIssuesLoading ? "" : ` (${mineIssues.length})`}`, }, { value: "recent", - label: "Recent", + label: `Recent${isTouchedIssuesLoading ? "" : ` (${touchedIssues.length})`}`, + }, + { + value: "unread", + // unread is derived from touchedIssues, so we use the same loading flag + label: `Unread${isTouchedIssuesLoading ? "" : ` (${unreadTouchedIssues.length})`}`, }, - { value: "unread", label: "Unread" }, { value: "all", label: "All" }, ]} />