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

Add group moderation log sorting, fix private to bottom

Browse Source
This commit is contained in:
Natsumi
2026-02-10 11:02:00 +13:00
parent 4bf08bb17e
commit 2406486850
9 changed files with 51 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/dialogs/GroupDialog/groupMemberModerationLogsColumns.jsx
View File

@@ -1,13 +1,38 @@
import Location from '@/components/Location.vue';
import { i18n } from '@/plugin';
import { formatDateFilter } from '@/shared/utils';
import { ArrowUpDown } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
const { t } = i18n.global;
const sortButton = ({ column, label, descFirst = false }) => (
<Button
variant="ghost"
size="sm"
class="-ml-2 h-8 px-2"
onClick={() => {
const sorted = column.getIsSorted();
if (!sorted && descFirst) {
column.toggleSorting(true);
return;
}
column.toggleSorting(sorted === 'asc');
}}
>
{label}
<ArrowUpDown class="ml-1 h-4 w-4" />
</Button>
);
export const createColumns = ({ onShowUser }) => [
{
accessorKey: 'created_at',
header: () => t('dialog.group_member_moderation.created_at'),
header: ({ column }) =>
sortButton({
column,
label: t('dialog.group_member_moderation.created_at')
}),
size: 170,
cell: ({ row }) => (
<span>{formatDateFilter(row.original?.created_at, 'long')}</span>
@@ -15,13 +40,22 @@ export const createColumns = ({ onShowUser }) => [
},
{
accessorKey: 'eventType',
header: () => t('dialog.group_member_moderation.type'),
header: ({ column }) =>
sortButton({
column,
label: t('dialog.group_member_moderation.type')
}),
size: 190,
cell: ({ row }) => <span>{row.original?.eventType}</span>
},
{
accessorKey: 'actorDisplayName',
header: () => t('dialog.group_member_moderation.display_name'),
header: ({ column }) =>
sortButton({
column,
label: t('dialog.group_member_moderation.display_name')
}),
enableSorting: true,
size: 160,
cell: ({ row }) => {
const original = row.original;
@@ -50,7 +84,8 @@ export const createColumns = ({ onShowUser }) => [
const targetId = original?.targetId ?? '';
return (
<span>
{typeof targetId === 'string' && targetId.startsWith('wrld_') ? (
{typeof targetId === 'string' &&
targetId.startsWith('wrld_') ? (
<Location location={targetId} />
) : null}
<span>{original?.description}</span>
@@ -65,7 +100,8 @@ export const createColumns = ({ onShowUser }) => [
cell: ({ row }) => {
const original = row.original;
const data = original?.data;
const hasData = data && typeof data === 'object' && Object.keys(data).length;
const hasData =
data && typeof data === 'object' && Object.keys(data).length;
return <span>{hasData ? JSON.stringify(data) : ''}</span>;
}
}