🐛 fix(protocol-form): Swap 'description' and 'user_agent' columns for improved clarity in the table

This commit is contained in:
web 2025-08-15 09:43:02 -07:00 committed by speakeloudest
parent 36812aebdb
commit f1aef989fb

View File

@ -170,21 +170,12 @@ export function ProtocolForm() {
),
},
{
accessorKey: 'description',
header: t('table.columns.description'),
accessorKey: 'user_agent',
header: 'User-Agent',
cell: ({ row }) => (
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<div className='text-muted-foreground max-w-[200px] truncate text-sm'>
{row.original.description}
</div>
</TooltipTrigger>
<TooltipContent className='max-w-xs'>
<p>{row.original.description}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
<div className='text-muted-foreground max-w-[150px] truncate font-mono text-sm'>
{row.original.user_agent}
</div>
),
},
{
@ -217,12 +208,21 @@ export function ProtocolForm() {
},
},
{
accessorKey: 'user_agent',
header: 'User-Agent',
accessorKey: 'description',
header: t('table.columns.description'),
cell: ({ row }) => (
<div className='text-muted-foreground max-w-[150px] truncate font-mono text-sm'>
{row.original.user_agent}
</div>
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<div className='text-muted-foreground max-w-[200px] truncate text-sm'>
{row.original.description}
</div>
</TooltipTrigger>
<TooltipContent className='max-w-xs'>
<p>{row.original.description}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
),
},
];
@ -312,11 +312,6 @@ export function ProtocolForm() {
}
};
const handlePreview = (application: API.SubscribeApplication) => {
setPreviewApplicationId(application.id);
setPreviewOpen(true);
};
return (
<>
<ProTable<API.SubscribeApplication, Record<string, unknown>>