refactor(inbox): delete uppercase type tag from each row
Each inbox row previously carried a `text-[9px] uppercase tracking- [0.1em]` pill next to the title that re-stated the item's type (APPROVAL / REVIEW / FAILED RUN / …). The row already communicates type through three stronger channels: 1. The coloured icon tile on the left (`config.icon` + `config.bg`) 2. The filter chip above the list when a type filter is active 3. The border accent colour tied to severity The 9px pill added another restatement in the smallest, hardest-to- read typographic register on the page. Deleted. The title row now just shows the item title; the icon carries the category semantics. No copy or behaviour change beyond the visual subtraction.
This commit is contained in:
1 parent
c7057d0fd2
commit
8b6826f6d8
1 file changed
+1
-11
@@ -109,17 +109,7 @@ export function Inbox({ items, onNavigate }: InboxProps) {
|
||||
{filteredItems.map((item, i) => {
|
||||
const config = typeConfig[item.type];
|
||||
const Icon = config.icon;
|
||||
const title = (
|
||||
<span className="flex items-center gap-2">
|
||||
<span className="truncate">{item.title}</span>
|
||||
<span
|
||||
className="shrink-0 rounded-full px-2 py-0.5 text-[9px] font-bold uppercase tracking-[0.1em]"
|
||||
style={{ backgroundColor: config.bg, color: config.color }}
|
||||
>
|
||||
{config.label}
|
||||
</span>
|
||||
</span>
|
||||
);
|
||||
const title = <span className="truncate">{item.title}</span>;
|
||||
const subtitle = (
|
||||
<span className="flex items-center gap-2">
|
||||
{item.agentName ? (
|
||||
|
||||
Reference in new issue
Block a user