MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-28 03:03:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: custom show/hide datatable col

Browse Source
This commit is contained in:
pa
2026-03-04 23:12:41 +09:00
parent 1decec4c69
commit 1be9d13cd4
11 changed files with 400 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/Notifications/columns.jsx
View File

@@ -102,6 +102,7 @@ export const createColumns = ({
accessorFn: (row) => getNotificationCreatedAtTs(row),
id: 'created_at',
size: 120,
meta: { label: () => t('table.notification.date') },
header: ({ column }) => (
<Button
variant="ghost"
@@ -151,6 +152,7 @@ export const createColumns = ({
accessorKey: 'type',
size: 180,
header: () => t('table.notification.type'),
meta: { label: () => t('table.notification.type') },
cell: ({ row }) => {
const original = row.original;
const typeKey = `view.notification.filters.${original.type}`;
@@ -228,7 +230,8 @@ export const createColumns = ({
{
accessorKey: 'senderUsername',
meta: {
class: 'overflow-hidden'
class: 'overflow-hidden',
label: () => t('table.notification.user')
},
size: 150,
header: () => t('table.notification.user'),
@@ -284,7 +287,8 @@ export const createColumns = ({
{
accessorKey: 'groupName',
meta: {
class: 'overflow-hidden'
class: 'overflow-hidden',
label: () => t('table.notification.group')
},
size: 150,
header: () => t('table.notification.group'),
@@ -390,6 +394,7 @@ export const createColumns = ({
accessorKey: 'photo',
size: 80,
header: () => t('table.notification.photo'),
meta: { label: () => t('table.notification.photo') },
cell: ({ row }) => {
const original = row.original;
if (original.type === 'boop') {
@@ -458,7 +463,8 @@ export const createColumns = ({
enableSorting: false,
meta: {
class: 'min-w-0 overflow-hidden',
stretch: true
stretch: true,
label: () => t('table.notification.message')
},
minSize: 100,
cell: ({ row }) => {
@@ -548,7 +554,8 @@ export const createColumns = ({
{
id: 'action',
meta: {
class: 'text-right'
class: 'text-right',
label: () => t('table.notification.action')
},
size: 120,
minSize: 120,