fix: DetailPanel slide-in now visible — fixed empty content bug and positioning
Some checks failed
CI / build (push) Failing after 39s
CI / cleanup-branch (push) Has been skipped
CI / docker (push) Has been skipped
CI / deploy (push) Has been skipped
CI / deploy-feature (push) Has been skipped

- Only render DetailPanel when detail data is loaded (key={selectedId} forces remount
  so internal activeTab state resets correctly)
- Override DetailPanel CSS with position:fixed to overlay on right side
  (AppShell layout doesn't support detail prop from child pages)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-23 20:47:43 +01:00
parent a72b0954db
commit 695969d759
2 changed files with 19 additions and 6 deletions

View File

@@ -262,12 +262,16 @@ export default function Dashboard() {
/>
</div>
<DetailPanel
open={!!selectedId}
onClose={() => setSelectedId(null)}
title={selectedId ? `Exchange ${selectedId.slice(0, 12)}...` : ''}
tabs={detailTabs}
/>
{selectedId && detail && (
<DetailPanel
key={selectedId}
open={true}
onClose={() => setSelectedId(null)}
title={`Exchange ${selectedId.slice(0, 12)}...`}
tabs={detailTabs}
className={styles.detailPanelOverride}
/>
)}
</div>
);
}