Fix JailsTab content pane not updating on jail switch

Add key={selectedActiveJail.name} and key={selectedInactiveJail.name} to
JailConfigDetail and InactiveJailDetail in JailsTab.tsx so React unmounts
and remounts the detail component whenever the selected jail changes,
resetting all internal state including the loadedRef guard.
This commit is contained in:
2026-03-15 14:10:01 +01:00
parent 00119ed68d
commit 5a5c619a34

View File

@@ -898,12 +898,14 @@ export function JailsTab(): React.JSX.Element {
> >
{selectedActiveJail !== undefined ? ( {selectedActiveJail !== undefined ? (
<JailConfigDetail <JailConfigDetail
key={selectedActiveJail.name}
jail={selectedActiveJail} jail={selectedActiveJail}
onSave={updateJail} onSave={updateJail}
onDeactivate={() => { handleDeactivate(selectedActiveJail.name); }} onDeactivate={() => { handleDeactivate(selectedActiveJail.name); }}
/> />
) : selectedInactiveJail !== undefined ? ( ) : selectedInactiveJail !== undefined ? (
<InactiveJailDetail <InactiveJailDetail
key={selectedInactiveJail.name}
jail={selectedInactiveJail} jail={selectedInactiveJail}
onActivate={() => { setActivateTarget(selectedInactiveJail); }} onActivate={() => { setActivateTarget(selectedInactiveJail); }}
onDeactivate={ onDeactivate={