export const columns = [
{
id: 'domain',
header: 'Domain',
accessorKey: 'domain',
cell: ({ row }) =>
renderComponent(RowIconLabel, {
image: row.original.site,
label: row.original.domain,
shape: 'size-6',
}),
},
{
id: 'site',
header: 'Site',
accessorKey: 'site',
cell: ({ row }) => {
const domainId = row.original.id;
return renderComponent(SiteSelect, {
site: domainSelections[domainId]?.site || row.original.site,
method: domainSelections[domainId]?.method || row.original.method,
});
},
},
{
id: 'method',
header: 'Method',
accessorKey: 'method',
cell: ({ getValue }) =>
renderComponent(Badge, {
children: createRawSnippet(() => ({
render: () => `<span>${getValue()}</span>`,
})),
}),
}
]
export const columns = [
{
id: 'domain',
header: 'Domain',
accessorKey: 'domain',
cell: ({ row }) =>
renderComponent(RowIconLabel, {
image: row.original.site,
label: row.original.domain,
shape: 'size-6',
}),
},
{
id: 'site',
header: 'Site',
accessorKey: 'site',
cell: ({ row }) => {
const domainId = row.original.id;
return renderComponent(SiteSelect, {
site: domainSelections[domainId]?.site || row.original.site,
method: domainSelections[domainId]?.method || row.original.method,
});
},
},
{
id: 'method',
header: 'Method',
accessorKey: 'method',
cell: ({ getValue }) =>
renderComponent(Badge, {
children: createRawSnippet(() => ({
render: () => `<span>${getValue()}</span>`,
})),
}),
}
]