suggest user

src/client/js/components/Admin/UserGroupDetail/UserGroupUserFormByInput.jsx

@@ -16,8 +16,7 @@ class UserGroupUserFormByInput extends React.Component {
 
     this.state = {
       input: '',
-      // TDOO GW-665 fetch users
-      applicableUsers: ['hoge', 'huga'],
+      applicableUsers: [],
       isLoading: false,
       searchError: null,
     };
@@ -63,8 +62,14 @@ class UserGroupUserFormByInput extends React.Component {
   }
 
   searchUser() {
-    // TODO GW-665 fetch users
-    this.setState({ isLoading: false });
+    const applicableUsers = this.props.userGroupDetailContainer.state.unrelatedNames.filter((name) => {
+      return name.indexOf(this.state.input !== -1);
+    });
+
+    this.setState({
+      applicableUsers,
+      isLoading: false,
+    });
   }
 
   /**

src/client/js/services/UserGroupDetailContainer.js

@@ -58,7 +58,7 @@ export default class UserGroupDetailContainer extends Container {
         this.appContainer.apiv3.get(`/user-groups/${this.state.userGroup._id}/unrelated-users`).then((res) => { return res.data.users }),
       ]);
 
-      const unrelatedNames = unrelatedUsers.map(user => user.name);
+      const unrelatedNames = unrelatedUsers.map(user => user.username);
 
       await this.setState({
         userGroupRelations,