From d9cabeafe21d86d7cfe3588ed3e10b918e175ede Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Sat, 23 Sep 2017 01:57:20 +0700
Subject: [PATCH] Add translation and style fixes

---
 .../src/routes/Moderation/components/ViewMore.css            | 2 +-
 .../coral-admin/src/routes/Moderation/components/ViewMore.js | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/coral-admin/src/routes/Moderation/components/ViewMore.css b/client/coral-admin/src/routes/Moderation/components/ViewMore.css
index d0b058257..2dcce0da5 100644
--- a/client/coral-admin/src/routes/Moderation/components/ViewMore.css
+++ b/client/coral-admin/src/routes/Moderation/components/ViewMore.css
@@ -12,10 +12,10 @@
   margin-bottom: 30px;
   background-color: #2376D8;
   cursor: pointer;
+  text-transform: capitalize;
 }
 
 .viewMore:hover {
   background-color: #4399FF;
 }
 
-
diff --git a/client/coral-admin/src/routes/Moderation/components/ViewMore.js b/client/coral-admin/src/routes/Moderation/components/ViewMore.js
index 9bf8b9d68..d7a6f156c 100644
--- a/client/coral-admin/src/routes/Moderation/components/ViewMore.js
+++ b/client/coral-admin/src/routes/Moderation/components/ViewMore.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import {Button} from 'coral-ui';
 import styles from './ViewMore.css';
 import cn from 'classnames';
+import t from 'coral-framework/services/i18n';
 
 const ViewMore = ({viewMore, count, className, ...rest}) =>
   <div {...rest} className={cn(className, styles.viewMoreContainer)}>
@@ -10,7 +11,9 @@ const ViewMore = ({viewMore, count, className, ...rest}) =>
       count > 0 && <Button
         className={styles.viewMore}
         onClick={viewMore}>
-        View {count} New {count > 1 ? 'Comments' : 'Comment'}
+        {count === 1
+          ? t('framework.new_count', count, t('framework.comment'))
+          : t('framework.new_count', count, t('framework.comments'))}
       </Button>
     }
   </div>;