Add SearchInput to RoomFilter (#83)

src/components/rooms.js

@@ -9,6 +9,7 @@ import {
   Pagination,
   ReferenceField,
   ReferenceManyField,
+  SearchInput,
   SelectField,
   Show,
   Tab,
@@ -193,6 +194,7 @@ const RoomFilter = ({ ...props }) => {
   const translate = useTranslate();
   return (
     <Filter {...props}>
+      <SearchInput source="search_term" alwaysOn />
       <Chip
         label={translate("resources.rooms.fields.joined_local_members")}
         source="joined_local_members"
@@ -236,7 +238,12 @@ const FilterableRoomList = ({ ...props }) => {
       pagination={<RoomPagination />}
       sort={{ field: "name", order: "ASC" }}
       filters={<RoomFilter />}
-      bulkActionButtons={<RoomBulkActionButtons confirmTitle={translate("synapseadmin.rooms.delete.title")} confirmContent={translate("synapseadmin.rooms.delete.message")}/>}
+      bulkActionButtons={
+        <RoomBulkActionButtons
+          confirmTitle={translate("synapseadmin.rooms.delete.title")}
+          confirmContent={translate("synapseadmin.rooms.delete.message")}
+        />
+      }
     >
       <Datagrid rowClick="show">
         <EncryptionField

src/synapse/dataProvider.js

@@ -137,7 +137,7 @@ function getSearchOrder(order) {
 const dataProvider = {
   getList: (resource, params) => {
     console.log("getList " + resource);
-    const { user_id, name, guests, deactivated } = params.filter;
+    const { user_id, name, guests, deactivated, search_term } = params.filter;
     const { page, perPage } = params.pagination;
     const { field, order } = params.sort;
     const from = (page - 1) * perPage;
@@ -145,6 +145,7 @@ const dataProvider = {
       from: from,
       limit: perPage,
       user_id: user_id,
+      search_term: search_term,
       name: name,
       guests: guests,
       deactivated: deactivated,