Remove raw target labels from DOM when collapsed (#16342)

Should help a bit with https://github.com/prometheus/prometheus/issues/16308

Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2025-03-28 17:49:05 +01:00 committed by GitHub
parent 8cea05dfe4
commit e7b1584b6a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -35,10 +35,15 @@ const TargetLabels: FC<TargetLabelsProps> = ({ discoveredLabels, labels }) => {
</Group>
<Collapse in={showDiscovered}>
<Text fw={700} size="1em" my="lg" c="gray.7">
Discovered labels:
</Text>
<LabelBadges color="blue" labels={discoveredLabels} />
{/* Additionally remove DOM elements when not expanded (helps performance) */}
{showDiscovered && (
<>
<Text fw={700} size="1em" my="lg" c="gray.7">
Discovered labels:
</Text>
<LabelBadges color="blue" labels={discoveredLabels} />
</>
)}
</Collapse>
</Stack>
);