migrate RoomDirectory.js

This commit is contained in:
dklimpel 2023-02-03 09:40:20 +01:00
parent f509578410
commit fa2b77748f

View File

@ -2,7 +2,6 @@ import React, { Fragment } from "react";
import { Avatar, Chip } from "@mui/material"; import { Avatar, Chip } from "@mui/material";
import { connect } from "react-redux"; import { connect } from "react-redux";
import FolderSharedIcon from "@mui/icons-material/FolderShared"; import FolderSharedIcon from "@mui/icons-material/FolderShared";
import { makeStyles } from "@mui/styles";
import { import {
BooleanField, BooleanField,
BulkDeleteButton, BulkDeleteButton,
@ -23,13 +22,6 @@ import {
useUnselectAll, useUnselectAll,
} from "react-admin"; } from "react-admin";
const useStyles = makeStyles({
small: {
height: "40px",
width: "40px",
},
});
const RoomDirectoryPagination = props => ( const RoomDirectoryPagination = props => (
<Pagination {...props} rowsPerPageOptions={[100, 500, 1000, 2000]} /> <Pagination {...props} rowsPerPageOptions={[100, 500, 1000, 2000]} />
); );
@ -158,19 +150,19 @@ const RoomDirectoryFilter = ({ ...props }) => {
label={translate("resources.rooms.fields.room_id")} label={translate("resources.rooms.fields.room_id")}
source="room_id" source="room_id"
defaultValue={false} defaultValue={false}
style={{ marginBottom: 8 }} sx={{ marginBottom: "8px" }}
/> />
<Chip <Chip
label={translate("resources.rooms.fields.topic")} label={translate("resources.rooms.fields.topic")}
source="topic" source="topic"
defaultValue={false} defaultValue={false}
style={{ marginBottom: 8 }} sx={{ marginBottom: "8px" }}
/> />
<Chip <Chip
label={translate("resources.rooms.fields.canonical_alias")} label={translate("resources.rooms.fields.canonical_alias")}
source="canonical_alias" source="canonical_alias"
defaultValue={false} defaultValue={false}
style={{ marginBottom: 8 }} sx={{ marginBottom: "8px" }}
/> />
</Filter> </Filter>
); );
@ -181,7 +173,6 @@ export const FilterableRoomDirectoryList = ({
dispatch, dispatch,
...props ...props
}) => { }) => {
const classes = useStyles();
const filter = roomDirectoryFilters; const filter = roomDirectoryFilters;
const roomIdFilter = filter && filter.room_id ? true : false; const roomIdFilter = filter && filter.room_id ? true : false;
const topicFilter = filter && filter.topic ? true : false; const topicFilter = filter && filter.topic ? true : false;
@ -199,7 +190,7 @@ export const FilterableRoomDirectoryList = ({
<AvatarField <AvatarField
source="avatar_src" source="avatar_src"
sortable={false} sortable={false}
className={classes.small} sx={{ height: "40px", width: "40px" }}
label="resources.rooms.fields.avatar" label="resources.rooms.fields.avatar"
/> />
<TextField <TextField