From a9477c6d975a595ccbb7ea9c7ad510dae6f3176d Mon Sep 17 00:00:00 2001
From: dklimpel <5740567+dklimpel@users.noreply.github.com>
Date: Tue, 26 May 2020 18:41:46 +0200
Subject: [PATCH] Add SearchInput to users and rooms

Add filter to search in `user_id` and room name.
---
 src/components/rooms.js     | 17 +++++++++++++++--
 src/components/users.js     |  2 ++
 src/synapse/dataProvider.js | 13 +++++++++++--
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/components/rooms.js b/src/components/rooms.js
index 8cac414..6912b3a 100644
--- a/src/components/rooms.js
+++ b/src/components/rooms.js
@@ -1,12 +1,25 @@
 import React from "react";
-import { Datagrid, List, TextField, Pagination } from "react-admin";
+import {
+  Datagrid,
+  List,
+  TextField,
+  Pagination,
+  Filter,
+  SearchInput,
+} from "react-admin";
 
 const RoomPagination = props => (
   <Pagination {...props} rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />
 );
 
+const RoomFilter = props => (
+  <Filter {...props}>
+    <SearchInput source="search_term" alwaysOn />
+  </Filter>
+);
+
 export const RoomList = props => (
-  <List {...props} pagination={<RoomPagination />}>
+  <List {...props} pagination={<RoomPagination />} filters={<RoomFilter />}>
     <Datagrid>
       <TextField source="room_id" />
       <TextField source="name" />
diff --git a/src/components/users.js b/src/components/users.js
index 16167a0..dcac1b9 100644
--- a/src/components/users.js
+++ b/src/components/users.js
@@ -29,6 +29,7 @@ import {
   regex,
   useTranslate,
   Pagination,
+  SearchInput,
 } from "react-admin";
 import { ServerNoticeButton, ServerNoticeBulkButton } from "./ServerNotices";
 
@@ -38,6 +39,7 @@ const UserPagination = props => (
 
 const UserFilter = props => (
   <Filter {...props}>
+    <SearchInput source="user_id" alwaysOn />
     <BooleanInput source="guests" alwaysOn />
     <BooleanInput
       label="resources.users.fields.show_deactivated"
diff --git a/src/synapse/dataProvider.js b/src/synapse/dataProvider.js
index 6d5486c..5252f39 100644
--- a/src/synapse/dataProvider.js
+++ b/src/synapse/dataProvider.js
@@ -86,18 +86,27 @@ function filterNullValues(key, value) {
   return value;
 }
 
+function getEncodeURI(value) {
+  // encodeURI if 'value' is set
+  if (value) {
+    return encodeURI(value);
+  }
+  return undefined;
+}
+
 const dataProvider = {
   getList: (resource, params) => {
     console.log("getList " + resource);
-    const { user_id, guests, deactivated } = params.filter;
+    const { user_id, guests, deactivated, search_term } = params.filter;
     const { page, perPage } = params.pagination;
     const from = (page - 1) * perPage;
     const query = {
       from: from,
       limit: perPage,
-      user_id: user_id,
+      user_id: getEncodeURI(user_id),
       guests: guests,
       deactivated: deactivated,
+      search_term: getEncodeURI(search_term),
     };
     const homeserver = localStorage.getItem("base_url");
     if (!homeserver || !(resource in resourceMap)) return Promise.reject();