added id each label and 'all' is checked as default

src/client/js/components/Admin/UserManagement.jsx

@@ -124,6 +124,16 @@ class UserManagement extends React.Component {
               onClick={() => { this.handleClick('Invited') }}
             />
             <label className="label label-info mr-2">Invited</label>
+                id="c1"
+              <label htmlFor="c1" className="mr-2">All</label>
+                id="c2"
+              <label htmlFor="c2" className="label label-info mr-2">Approval Pending</label>
+                id="c3"
+              <label htmlFor="c3" className="label label-success mr-2">Active</label>
+                id="c4"
+              <label htmlFor="c4" className="label label-warning mr-2">Suspended</label>
+                id="c5"
+              <label htmlFor="c5" className="label label-info">Invited</label>
           </div>
         </div>
 

src/client/js/services/AdminUsersContainer.js

@@ -24,7 +24,7 @@ export default class AdminUsersContainer extends Container {
       totalUsers: 0,
       activePage: 1,
       pagingLimit: Infinity,
-      selectedStatusList: new Set(),
+      selectedStatusList: new Set(['All']),
     };
 
     this.showPasswordResetModal = this.showPasswordResetModal.bind(this);