From fa67da71836e4b035f56234c4b8c1af34fdbbfe6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Curcio?= <curciobelen@gmail.com>
Date: Mon, 17 Sep 2018 13:30:13 -0300
Subject: [PATCH] Adding translations

---
 .../profile/components/CommentsHistory.tsx    |  5 ++++-
 .../profile/components/HistoryComment.tsx     | 21 ++++++++++++-------
 src/locales/en-US/stream.ftl                  |  5 +++++
 3 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx b/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx
index 879759d71..67b9d46c6 100644
--- a/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx
+++ b/src/core/client/stream/tabs/profile/components/CommentsHistory.tsx
@@ -1,3 +1,4 @@
+import { Localized } from "fluent-react/compat";
 import * as React from "react";
 import { StatelessComponent } from "react";
 import { CommentsHistoryContainer_me as MeData } from "talk-stream/__generated__/CommentsHistoryContainer_me.graphql";
@@ -13,7 +14,9 @@ const CommentsHistory: StatelessComponent<CommentHistoryProps> = props => {
   const comments = props.me.comments.edges.map(edge => edge.node);
   return (
     <HorizontalGutter size="double">
-      <Typography variant="heading3">Comment History</Typography>
+      <Localized id="commentHistory-commentHistory">
+        <Typography variant="heading3">Comment History</Typography>
+      </Localized>
       {comments.map(comment => (
         <HistoryComment
           key={comment.id}
diff --git a/src/core/client/stream/tabs/profile/components/HistoryComment.tsx b/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
index 1e9a42833..19bffcb73 100644
--- a/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
+++ b/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
@@ -1,3 +1,4 @@
+import { Localized } from "fluent-react/compat";
 import * as React from "react";
 import { StatelessComponent } from "react";
 import Timestamp from "talk-stream/components/Timestamp";
@@ -32,13 +33,15 @@ const HistoryComment: StatelessComponent<CommentHistoryProps> = props => {
         <HorizontalGutter className={styles.sideBar}>
           <Flex direction="row" alignItems="center" itemGutter="half">
             <Icon className={styles.icon}>launch</Icon>
-            <BaseButton
-              className={styles.button}
-              onClick={props.goToConversation}
-              anchor
-            >
-              View Conversation
-            </BaseButton>
+            <Localized id="commentHistory-viewConversation">
+              <BaseButton
+                className={styles.button}
+                onClick={props.goToConversation}
+                anchor
+              >
+                View Conversation
+              </BaseButton>
+            </Localized>
           </Flex>
           <Flex direction="row" alignItems="center" itemGutter="half">
             <Icon className={styles.icon}>schedule</Icon>
@@ -54,7 +57,9 @@ const HistoryComment: StatelessComponent<CommentHistoryProps> = props => {
           className={styles.text}
         >
           <Icon className={styles.icon}>reply</Icon>
-          <span>Replies {props.comment.replyCount}</span>
+          <Localized id="commentHistory-replies">
+            <span>Replies {props.comment.replyCount}</span>
+          </Localized>
         </Flex>
       )}
     </HorizontalGutter>
diff --git a/src/locales/en-US/stream.ftl b/src/locales/en-US/stream.ftl
index 1a2b81f5f..322137aef 100644
--- a/src/locales/en-US/stream.ftl
+++ b/src/locales/en-US/stream.ftl
@@ -68,3 +68,8 @@ comments-editCommentForm-rte =
 comments-editCommentForm-editRemainingTime = Edit: <time></time> remaining
 comments-editCommentForm-editTimeExpired = Edit time has expired. You can no longer edit this comment. Why not post another one?
 comments-editedMarker-edited = Edited
+
+## Comment History
+commentHistory-viewConversation = View Conversation
+commentHistory-replies = Replies
+commentHistory-commentHistory = Comment History