migrate RoomDirectory.js
This commit is contained in:
parent
f509578410
commit
fa2b77748f
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user