import React from "react";
import {
  Datagrid,
  List,
  TextField,
  TextInput,
  Filter
} from "react-admin";

const RoomFilter = (props) => (
    <Filter {...props}>
        <TextInput source="search_term" alwaysOn />
    </Filter>
);

export const RoomList = props => (
  <List
    {...props}
    sort={{ field: "alphabetical", order: "DESC" }}
    filters={<RoomFilter />}
  >
    <Datagrid>
      <TextField source="room_id" sortable={false} />
      <TextField source="name" sortBy="alphabetical" />
      <TextField source="canonical_alias" sortable={false} />
      <TextField source="joined_members" sortBy="size" />
    </Datagrid>
  </List>
);