Translation

plugins/talk-plugin-featured-comments/client/components/Comment.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import styles from './Comment.css';
 import {name} from '../../package.json';
-import {timeago} from 'plugin-api/beta/client/services';
+import {t, timeago} from 'plugin-api/beta/client/services';
 import {Slot} from 'plugin-api/beta/client/components';
 import {Icon} from 'plugin-api/beta/client/components/ui';
 
@@ -46,7 +46,7 @@ class Comment extends React.Component {
             <a className={cn(styles.goTo, `${name}__featured-comment__go-to`)}
               onClick={this.viewComment}>
               <Icon name="forum" className={styles.repliesIcon} /> {comment.replyCount} |
-              Go to conversation<Icon name="keyboard_arrow_right" className={styles.goToIcon} />
+              {t('talk-plugin-featured-comments.go_to_conversation')} <Icon name="keyboard_arrow_right" className={styles.goToIcon} />
             </a>
           </div>
         </footer>

plugins/talk-plugin-featured-comments/client/components/Tab.js

@@ -4,6 +4,6 @@ import {t} from 'plugin-api/beta/client/services';
 
 export default ({active, asset: {featuredCommentsCount}}) => (
   <span>
-    {t('featured')} <TabCount active={active} sub>{featuredCommentsCount}</TabCount>
+    {t('talk-plugin-featured-comments.featured')} <TabCount active={active} sub>{featuredCommentsCount}</TabCount>
   </span>
 );

plugins/talk-plugin-featured-comments/client/components/Tag.js

@@ -8,7 +8,7 @@ export default (props) => (
     {
       isTagged(props.comment.tags, 'FEATURED') && props.depth === 0 ? (
         <span className={styles.tag}>
-          {t('featured')}
+          {t('talk-plugin-featured-comments.featured')}
         </span>
       ) : null
     }

plugins/talk-plugin-featured-comments/client/index.js

@@ -2,7 +2,7 @@ import Tab from './containers/Tab';
 import TabPane from './containers/TabPane';
 import Tag from './components/Tag';
 import Button from './components/Button';
-import translations from './translations.json';
+import translations from './translations.yml';
 import update from 'immutability-helper';
 
 import {findCommentInEmbedQuery} from 'coral-embed-stream/src/graphql/utils';

plugins/talk-plugin-featured-comments/client/translations.json

@@ -1,10 +0,0 @@
-{
-  "en" : {
-    "feature": "Feature",
-    "featured": "Featured"
-  },
-  "es" : {
-    "feature" : "Remarcar",
-    "featured": "Remarcado"
-  }
-}

plugins/talk-plugin-featured-comments/client/translations.yml

@@ -0,0 +1,8 @@
+en:
+  talk-plugin-featured-comments:
+    featured: Featured
+    go_to_conversation: Go to conversation
+es:
+  talk-plugin-featured-comments:
+    featured: Remarcado
+    go_to_conversation: Ir al comentario