From 12cc9def7beac97ab2b0beae946e19c5eb65e144 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com>
Date: Mon, 9 May 2016 20:57:51 +0500
Subject: Improvements to system console and DM modal (#2930)

Fixing audit and compliance table

Changing prop

Minor improvement to the DM modal
---
 webapp/components/filtered_user_list.jsx | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

(limited to 'webapp/components/filtered_user_list.jsx')

diff --git a/webapp/components/filtered_user_list.jsx b/webapp/components/filtered_user_list.jsx
index cffafd663..4270d3731 100644
--- a/webapp/components/filtered_user_list.jsx
+++ b/webapp/components/filtered_user_list.jsx
@@ -104,9 +104,26 @@ class FilteredUserList extends React.Component {
 
         let count;
         if (users.length === this.state.users.length) {
-            count = '(' + users.length + ')';
+            count = (
+                <FormattedMessage
+                    id='filtered_user_list.count'
+                    defaultMessage='{count} {count, plural, =0 {0 members} one {member} other {members}}'
+                    values={{
+                        count: users.length
+                    }}
+                />
+            );
         } else {
-            count = '(' + this.state.users.length + ')';
+            count = (
+                <FormattedMessage
+                    id='filtered_user_list.countTotal'
+                    defaultMessage='{count} {count, plural, =0 {0 members} one {member} other {members}} of {total} Total'
+                    values={{
+                        count: users.length,
+                        total: this.state.users.length
+                    }}
+                />
+            );
         }
 
         let teamToggle;
@@ -117,7 +134,6 @@ class FilteredUserList extends React.Component {
 
             teamToggle = (
                 <div className='member-select__container'>
-                    <span className='member-count'>{count}</span>
                     <select
                         className='form-control'
                         id='restrictList'
@@ -133,7 +149,7 @@ class FilteredUserList extends React.Component {
                     >
                         <FormattedMessage
                             id='filtered_user_list.show'
-                            defaultMessage='Show'
+                            defaultMessage='Filter:'
                         />
                     </span>
                 </div>
@@ -157,6 +173,9 @@ class FilteredUserList extends React.Component {
                     <div className='col-sm-6'>
                         {teamToggle}
                     </div>
+                    <div className='col-sm-12'>
+                        <span className='member-count pull-left'>{count}</span>
+                    </div>
                 </div>
                 <div
                     ref='userList'
-- 
cgit v1.2.3-1-g7c22

