mirror of https://github.com/msgbyte/tailchat
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import {
|
|
BooleanField,
|
|
Datagrid,
|
|
DateField,
|
|
List,
|
|
ReferenceField,
|
|
TextField,
|
|
SearchInput,
|
|
useTranslate,
|
|
BulkDeleteButton,
|
|
} from 'react-admin';
|
|
import { UserField } from '../components/UserField';
|
|
|
|
export const MessageList: React.FC = () => {
|
|
const translate = useTranslate();
|
|
|
|
return (
|
|
<List
|
|
filters={[
|
|
<SearchInput
|
|
key="search"
|
|
source="q"
|
|
alwaysOn
|
|
placeholder={translate('custom.users.search')}
|
|
/>,
|
|
]}
|
|
>
|
|
<Datagrid
|
|
rowClick="show"
|
|
bulkActionButtons={<BulkDeleteButton mutationMode="optimistic" />}
|
|
>
|
|
<TextField source="id" sortable={true} sortByOrder="DESC" />
|
|
<TextField source="content" />
|
|
<UserField source="author" />
|
|
<ReferenceField source="groupId" reference="groups" />
|
|
<TextField source="converseId" />
|
|
<BooleanField source="hasRecall" />
|
|
<TextField source="reactions" />
|
|
<DateField source="createdAt" />
|
|
</Datagrid>
|
|
</List>
|
|
);
|
|
};
|
|
MessageList.displayName = 'MessageList';
|