chore(ui): simplify users/roles filterbar

ui/src/admin/components/FilterBar.js

@@ -42,7 +42,7 @@ class FilterBar extends Component {
         <button
           className="btn btn-sm btn-primary"
           disabled={isEditing}
-          onClick={onClickCreate(type)}
+          onClick={onClickCreate}
         >
           <span className="icon plus" /> Create{' '}
           {placeholderText.substring(0, placeholderText.length - 1)}

ui/src/admin/containers/influxdb/RolesPage.tsx

@@ -65,9 +65,6 @@ class RolesPage extends Component<Props> {
     return globalPermissions ? globalPermissions.allowed : []
   }
 
-  private handleClickCreate = () => () => {
-    this.props.addRole()
-  }
   private handleEditRole = (role, updates) => {
     this.props.editRole(role, updates)
   }
@@ -119,7 +116,7 @@ class RolesPage extends Component<Props> {
         </AdminInfluxDBTab>
       )
     }
-    const {users, roles, filterRoles} = this.props
+    const {users, roles, addRole, filterRoles} = this.props
     return (
       <AdminInfluxDBTab activeTab="roles" source={source}>
         <RolesTable
@@ -127,7 +124,7 @@ class RolesPage extends Component<Props> {
           allUsers={users}
           permissions={this.allowed}
           isEditing={roles.some(r => r.isEditing)}
-          onClickCreate={this.handleClickCreate}
+          onClickCreate={addRole}
           onEdit={this.handleEditRole}
           onSave={this.handleSaveRole}
           onCancel={this.handleCancelEditRole}

ui/src/admin/containers/influxdb/UsersPage.tsx

@@ -79,9 +79,6 @@ class UsersPage extends Component<Props> {
       return this.props.createUser(this.props.source.links.users, user)
     }
   }
-  private handleClickCreate = () => () => {
-    this.props.addUser()
-  }
 
   public render() {
     const source = this.props.source
@@ -96,6 +93,7 @@ class UsersPage extends Component<Props> {
       users,
       roles,
       filterUsers,
+      addUser,
       removeUser,
       editUser,
       updateUserPermissions,
@@ -110,7 +108,7 @@ class UsersPage extends Component<Props> {
             type="users"
             onFilter={filterUsers}
             isEditing={users.some(u => u.isEditing)}
-            onClickCreate={this.handleClickCreate}
+            onClickCreate={addUser}
           />
           <div className="panel-body">
             <FancyScrollbar>