fix(dashboard): fix rendering error when multiple node have same name (same to #3037) (#320)

This commit is contained in:
Darren Yu 2025-11-24 11:15:37 +08:00 committed by GitHub
parent 1b1f9f4c8e
commit 58df350b78
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -105,11 +105,11 @@ const NodeSetting = () => {
<Typography variant="h6">{t("node.addNewNode")}</Typography>
</BorderedCardClickable>
</Grid>
{!loading && nodes.map((n) => <NodeCard key={n.name} node={n} onRefresh={fetchNodes} />)}
{loading && nodes.length > 0 && nodes.map((n) => <NodeCard key={`loading-${n.name}`} loading={true} />)}
{!loading && nodes.map((n) => <NodeCard key={n.id} node={n} onRefresh={fetchNodes} />)}
{loading && nodes.length > 0 && nodes.map((n) => <NodeCard key={`loading-${n.id}`} loading={true} />)}
{loading &&
nodes.length === 0 &&
Array.from(Array(5)).map((_, index) => <NodeCard key={`loading-${index}`} loading={true} />)}
Array.from(Array(5)).map((_, index) => <NodeCard key={`loading-placeholder-${index}`} loading={true} />)}
</Grid>
{count > 0 && (
<Box sx={{ mt: 1 }}>