This commit is contained in:
Belén Curcio
2018-09-25 11:08:31 -03:00
parent 661f392281
commit 72bdf5d40b
6 changed files with 14 additions and 14 deletions
@@ -5,16 +5,16 @@ import { CommentsHistoryContainer_me as MeData } from "talk-stream/__generated__
import { HorizontalGutter, Typography } from "talk-ui/components";
import HistoryComment from "./HistoryComment";
export interface CommentHistoryProps {
export interface CommentsHistoryProps {
goToConversation: () => void;
me: MeData;
}
const CommentsHistory: StatelessComponent<CommentHistoryProps> = props => {
const CommentsHistory: StatelessComponent<CommentsHistoryProps> = props => {
const comments = props.me.comments.edges.map(edge => edge.node);
return (
<HorizontalGutter size="double">
<Localized id="commentHistory-commentHistory">
<Localized id="profile-commentHistory">
<Typography variant="heading3">Comment History</Typography>
</Localized>
{comments.map(comment => (
@@ -33,7 +33,7 @@ const HistoryComment: StatelessComponent<CommentHistoryProps> = props => {
<HorizontalGutter className={styles.sideBar}>
<Flex direction="row" alignItems="center" itemGutter="half">
<Icon className={styles.icon}>launch</Icon>
<Localized id="commentHistory-viewConversation">
<Localized id="profile-viewConversation">
<BaseButton
className={styles.button}
onClick={props.goToConversation}
@@ -57,7 +57,7 @@ const HistoryComment: StatelessComponent<CommentHistoryProps> = props => {
className={styles.text}
>
<Icon className={styles.icon}>reply</Icon>
<Localized id="commentHistory-replies">
<Localized id="profile-replies">
<span>Replies {props.comment.replyCount}</span>
</Localized>
</Flex>