Regroup source code

- components directory contains react components
- pages directory contains all custom pages
- resources directory contains everything that exports ResourceProps

Change-Id: I5b9b68f67e232044fabf11810482873ce5b32053

src/resources/reports.tsx

@@ -0,0 +1,110 @@
+import PageviewIcon from "@mui/icons-material/Pageview";
+import ViewListIcon from "@mui/icons-material/ViewList";
+import ReportIcon from "@mui/icons-material/Warning";
+import {
+  Datagrid,
+  DateField,
+  DeleteButton,
+  List,
+  ListProps,
+  NumberField,
+  Pagination,
+  ReferenceField,
+  ResourceProps,
+  Show,
+  ShowProps,
+  Tab,
+  TabbedShowLayout,
+  TextField,
+  TopToolbar,
+  useRecordContext,
+  useTranslate,
+} from "react-admin";
+
+import { DATE_FORMAT } from "../components/date";
+import { MXCField } from "../components/media";
+
+const ReportPagination = () => <Pagination rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />;
+
+export const ReportShow = (props: ShowProps) => {
+  const translate = useTranslate();
+  return (
+    <Show {...props} actions={<ReportShowActions />}>
+      <TabbedShowLayout>
+        <Tab
+          label={translate("synapseadmin.reports.tabs.basic", {
+            smart_count: 1,
+          })}
+          icon={<ViewListIcon />}
+        >
+          <DateField source="received_ts" showTime options={DATE_FORMAT} sortable={true} />
+          <ReferenceField source="user_id" reference="users">
+            <TextField source="id" />
+          </ReferenceField>
+          <NumberField source="score" />
+          <TextField source="reason" />
+          <TextField source="name" />
+          <TextField source="canonical_alias" label="resources.rooms.fields.canonical_alias" />
+          <ReferenceField source="room_id" reference="rooms" link="show" label="resources.rooms.fields.room_id">
+            <TextField source="id" />
+          </ReferenceField>
+        </Tab>
+
+        <Tab label="synapseadmin.reports.tabs.detail" icon={<PageviewIcon />} path="detail">
+          <DateField source="event_json.origin_server_ts" showTime options={DATE_FORMAT} sortable={true} />
+          <ReferenceField source="sender" reference="users">
+            <TextField source="id" />
+          </ReferenceField>
+          <TextField source="sender" label="Sender (raw user ID)" />
+          <TextField source="event_id" />
+          <TextField source="event_json.origin" />
+          <TextField source="event_json.type" />
+          <TextField source="event_json.content.msgtype" />
+          <TextField source="event_json.content.body" />
+          <TextField source="event_json.content.info.mimetype" />
+          <MXCField source="event_json.content.url" />
+          <TextField source="event_json.content.format" />
+          <TextField source="event_json.content.formatted_body" />
+          <TextField source="event_json.content.algorithm" />
+          <TextField source="event_json.content.device_id" label="resources.devices.fields.device_id" />
+        </Tab>
+      </TabbedShowLayout>
+    </Show>
+  );
+};
+
+const ReportShowActions = () => {
+  const record = useRecordContext();
+
+  return (
+    <TopToolbar>
+      <DeleteButton
+        record={record}
+        mutationMode="pessimistic"
+        confirmTitle="resources.reports.action.erase.title"
+        confirmContent="resources.reports.action.erase.content"
+      />
+    </TopToolbar>
+  );
+};
+
+export const ReportList = (props: ListProps) => (
+  <List {...props} pagination={<ReportPagination />} sort={{ field: "received_ts", order: "DESC" }}>
+    <Datagrid rowClick="show" bulkActionButtons={false}>
+      <TextField source="id" sortable={false} />
+      <DateField source="received_ts" showTime options={DATE_FORMAT} sortable={true} />
+      <TextField sortable={false} source="user_id" />
+      <TextField sortable={false} source="name" />
+      <TextField sortable={false} source="score" />
+    </Datagrid>
+  </List>
+);
+
+const resource: ResourceProps = {
+  name: "reports",
+  icon: ReportIcon,
+  list: ReportList,
+  show: ReportShow,
+};
+
+export default resource;