Update App.tsx to use selectedItems and display item IDs

This commit is contained in:
2026-04-15 14:57:54 +02:00
parent 89907753d1
commit a9806e8366

View File

@@ -14811,20 +14811,23 @@ export function App({ store, initialStatusMessage }: AppProps) {
Inline rename remains single-selection only.
</div>
<div className="outliner-list">
{multiSelectionSummary.selectedLabels.map((label, index) => (
{multiSelectionSummary.selectedItems.map((item) => (
<div
key={`${multiSelectionSummary.activeId}-${label}-${index}`}
className={`outliner-item outliner-item--compact ${label === multiSelectionSummary.activeLabel ? "outliner-item--active" : ""}`}
key={item.id}
className={`outliner-item outliner-item--compact ${item.id === multiSelectionSummary.activeId ? "outliner-item--active" : ""}`}
>
<div className="outliner-item__row">
<div className="outliner-item__select">
<span className="outliner-item__title">{label}</span>
<span className="outliner-item__title">
{item.label}
</span>
<span className="outliner-item__meta">
{label === multiSelectionSummary.activeLabel
{item.id === multiSelectionSummary.activeId
? "Active"
: "Selected"}
</span>
</div>
<span className="outliner-item__meta">{item.id}</span>
</div>
</div>
))}