🐛 fix: Refactor server ID cell rendering for improved readability and consistency

This commit is contained in:
web 2025-09-23 05:01:17 -07:00
parent 7a4ebdf985
commit 0345b7cced

View File

@ -88,24 +88,20 @@ export default function NodesPage() {
{ {
id: 'address_port', id: 'address_port',
header: `${t('address')}:${t('port')}`, header: `${t('address')}:${t('port')}`,
cell: ({ row }) => (row.original.address || '—') + ':' + (row.original.port ?? '—'), cell: ({ row }) => `${row.original.address || '—'}:${row.original.port || '—'}`,
}, },
{ {
id: 'server_id', id: 'server_id',
header: t('server'), header: t('server'),
cell: ({ row }) => ( cell: ({ row }) =>
<div className='space-y-1'> `${getServerName(row.original.server_id)}:${getServerAddress(row.original.server_id)}`,
<Badge variant='outline'> },
{getServerName(row.original.server_id)} : {getServerAddress(row.original.server_id)} {
</Badge> id: 'server_id',
<br /> header: ` ${t('protocol')}:${t('port')}`,
<Badge variant='outline'> cell: ({ row }) =>
{row.original.protocol || '—'} :{' '} `${row.original.protocol}:${getProtocolPort(row.original.server_id, row.original.protocol)}`,
{getProtocolPort(row.original.server_id, row.original.protocol)}
</Badge>
</div>
),
}, },
{ {
accessorKey: 'tags', accessorKey: 'tags',