sam/dev_arc_aws
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Match SSH connection name to specific icon (e.g. Linode, Portainer) before falling back to generic Linux icon

Browse source
This commit is contained in:
Claude 2026-06-21 20:13:18 +00:00
parent 437f14e330
commit 03159ecde4
No known key found for this signature in database
1 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/pages/Infrastructure.tsx
View file

@ -107,6 +107,29 @@ const cdnIconCandidatesByIntegrationType: Record<string, string[]> = {
],
}
// SSH connections are named by the user after whatever host/service they point at
// (e.g. "Linode", "Portainer") — match known keywords in the connection name to a
// more specific icon before falling back to the generic Linux icon above.
const sshNameIconCandidates: { keyword: string; candidates: string[] }[] = [
{ keyword: 'linode', candidates: [
'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/linode.png',
'https://api.iconify.design/simple-icons/linode.svg',
] },
{ keyword: 'portainer', candidates: [
'https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/portainer.png',
'https://api.iconify.design/simple-icons/portainer.svg',
] },
]
function iconCandidatesForNode(node: NodeTile): string[] {
if (node.integrationType === 'ssh') {
const name = ('isGroup' in node ? node.integration : node.name).toLowerCase()
const match = sshNameIconCandidates.find((m) => name.includes(m.keyword))
if (match) return [...match.candidates, ...cdnIconCandidatesByIntegrationType.ssh]
}
return cdnIconCandidatesByIntegrationType[node.integrationType] ?? []
}
interface NodeGroup {
isGroup: true
integration: string
@ -385,7 +408,7 @@ export default function Infrastructure() {
<span style={{ width: '7px', height: '7px', borderRadius: '50%', backgroundColor: nodeStatusColor[node.status], boxShadow: `0 0 6px ${nodeStatusColor[node.status]}` }} />
<TileIcon
customUrl={node.iconUrl}
candidates={cdnIconCandidatesByIntegrationType[node.integrationType] ?? []}
candidates={iconCandidatesForNode(node)}
fallback={NodeIcon}
/>
</div>