PLT-2863 adding remove user from team (#3429)

* PLT-2863 adding remove user from team

* PLT-2863 adding the client side UI

* Fixing trailing space

* Fixing reported issues

* Adding documentatino

* Switching to final javascript driver

1 files changed, 13 insertions, 2 deletions

diff --git a/webapp/components/filtered_user_list.jsx b/webapp/components/filtered_user_list.jsx
index b6d8f11f9..67d038fd9 100644
--- a/webapp/components/filtered_user_list.jsx
+++ b/webapp/components/filtered_user_list.jsx
@@ -39,17 +39,24 @@ class FilteredUserList extends React.Component {
         this.state = {
             filter: '',
             users: this.filterUsers(props.teamMembers, props.users),
-            selected: 'team'
+            selected: 'team',
+            teamMembers: props.teamMembers
         };
     }
 
-    componentWillUpdate(nextProps) {
+    componentWillReceiveProps(nextProps) {
         // assume the user list is immutable
         if (this.props.users !== nextProps.users) {
             this.setState({
                 users: this.filterUsers(nextProps.teamMembers, nextProps.users)
             });
         }
+
+        if (this.props.teamMembers !== nextProps.teamMembers) {
+            this.setState({
+                users: this.filterUsers(nextProps.teamMembers, nextProps.users)
+            });
+        }
     }
 
     componentDidMount() {
@@ -70,6 +77,10 @@ class FilteredUserList extends React.Component {
         var filteredUsers = users.filter((user) => {
             for (const index in teamMembers) {
                 if (teamMembers.hasOwnProperty(index) && teamMembers[index].user_id === user.id) {
+                    if (teamMembers[index].delete_at > 0) {
+                        return false;
+                    }
+
                     return true;
                 }
             }