Harden components: add ErrorBoundary, null-safe rendering

This commit is contained in:
MayaTheShy
2026-03-21 17:51:07 -04:00
parent 0ce63bacd7
commit fe6ac23329
6 changed files with 109 additions and 42 deletions

View File

@@ -97,10 +97,10 @@ function InventoryGrid() {
{selectedItem && (
<div className="item-detail-panel">
<div className="detail-header">
<ItemIcon itemName={selectedItem.name} size={48} />
<ItemIcon itemName={selectedItem.name || ''} size={48} />
<div className="detail-info">
<h3>{formatItemName(selectedItem.name)}</h3>
<span className="detail-id">{selectedItem.name}</span>
<h3>{formatItemName(selectedItem.name || '')}</h3>
<span className="detail-id">{selectedItem.name || ''}</span>
</div>
<button className="detail-close" onClick={() => setSelectedItem(null)}></button>
</div>