empty result for users in Community

client/coral-admin/src/components/EmptyCard.js

@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 import {Card} from 'coral-ui';
 
 const EmptyCard = props => (
-  <Card style={{textAlign: 'center', maxWidth: 600, margin: '0 auto'}}>
+  <Card style={{textAlign: 'center', maxWidth: 400, margin: '0 auto'}}>
     {props.children}
   </Card>
 );

client/coral-admin/src/containers/Community/Community.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import I18n from 'coral-framework/modules/i18n/i18n';
-import translations from '../../translations.json';
+import translations from 'coral-admin/src/translations.json';
 
 import styles from './Community.css';
 import Table from './Table';
 import Loading from './Loading';
-import NoResults from './NoResults';
 import {Pager} from 'coral-ui';
+import EmptyCard from '../../components/EmptyCard';
 
 const lang = new I18n(translations);
 
@@ -54,13 +54,14 @@ const Community = ({isFetching, commenters, ...props}) => {
       </div>
       <div className={styles.mainContent}>
         { isFetching && <Loading /> }
-        { !hasResults && <NoResults /> }
-        { hasResults &&
-          <Table
-            headers={tableHeaders}
-            data={commenters}
-            onHeaderClickHandler={props.onHeaderClickHandler}
-          />
+        {
+          hasResults
+          ? <Table
+              headers={tableHeaders}
+              data={commenters}
+              onHeaderClickHandler={props.onHeaderClickHandler}
+            />
+          : <EmptyCard>{lang.t('community.no-results')}</EmptyCard>
         }
         <Pager
           totalPages={props.totalPages}

client/coral-admin/src/containers/Community/NoResults.js

@@ -1,9 +0,0 @@
-import React from 'react';
-
-const NoResults = () => (
-  <div>
-    No users found with that user name or email address
-  </div>
-);
-
-export default NoResults;

client/coral-admin/src/containers/ModerationQueue/ModerationQueue.js

@@ -3,6 +3,10 @@ import React, {PropTypes} from 'react';
 import Comment from './components/Comment';
 import EmptyCard from '../../components/EmptyCard';
 import {actionsMap} from './helpers/moderationQueueActionsMap';
+import I18n from 'coral-framework/modules/i18n/i18n';
+import translations from 'coral-admin/src/translations';
+
+const lang = new I18n(translations);
 
 const ModerationQueue = ({activeTab = 'premod', ...props}) => {
   const areComments = props.data[activeTab].length;
@@ -25,7 +29,7 @@ const ModerationQueue = ({activeTab = 'premod', ...props}) => {
             currentAsset={props.currentAsset}
           />;
         })
-        : <EmptyCard>No more comments to moderate! You're all caught up. Go have some ☕️</EmptyCard>
+        : <EmptyCard>{lang.t('modqueue.emptyqueue')}</EmptyCard>
       }
       </ul>
     </div>

client/coral-admin/src/translations.json

@@ -7,7 +7,7 @@
       "admin": "Administrator",
       "moderator": "Moderator",
       "role": "Select role...",
-      "no-results": "No users found with that user name or email address.",
+      "no-results": "No users found with that user name or email address. They're hiding!",
       "status": "Status",
       "select-status": "Select status...",
       "active": "Active",
@@ -32,6 +32,7 @@
       "prevcomment": "Go to the previous comment",
       "singleview": "Toggle single comment edit view",
       "thismenu": "Open this menu",
+      "emptyqueue": "No more comments to moderate! You're all caught up. Go have some ☕️",
       "showshortcuts": "Show Shortcuts"
     },
     "comment": {
@@ -152,6 +153,7 @@
       "flagged": "marcado",
       "shortcuts": "Atajos de teclado",
       "close": "Cerrar",
+      "emptyqueue": "No se encontro ningún usuario. Están escondidos.",
       "showshortcuts": "Mostrar atajos"
     },
     "comment": {