- {equipment.map((it) => (
+ {equipment.map((it) => {
+ const label = itemName(it)
+ const layer = it.layer || 'Item'
+ // The layer only earns its own line once the headline is a real
+ // name; when it IS the headline, repeating it is just noise.
+ const detail = [label === layer ? null : layer, `id ${it.itemId}`, it.hue ? `hue ${it.hue}` : null]
+ return (
-
{it.layer || 'Item'}
-
id {it.itemId}{it.hue ? ` · hue ${it.hue}` : ''}
+
{label}
+
{detail.filter(Boolean).join(' · ')}
{it.mods && Object.keys(it.mods).length > 0 && (
@@ -256,7 +283,8 @@ export default function CharacterSheet({ char, moderation = false }) {
)}
- ))}
+ )
+ })}