Adding Snapshots and translations

This commit is contained in:
Belén Curcio
2018-10-01 15:35:56 -03:00
parent 41575303a1
commit 5aa3024921
9 changed files with 2832 additions and 2397 deletions
@@ -12,6 +12,9 @@ interface Me {
readonly body: string | null;
readonly createdAt: any;
readonly replyCount: number | null;
readonly asset: {
readonly title: string | null;
};
};
}>;
};
@@ -3,7 +3,8 @@
}
.button,
.replies {
.replies,
.story {
composes: button from "talk-ui/shared/typography.css";
}
@@ -17,6 +17,9 @@ export interface HistoryCommentProps {
body: string | null;
createdAt: string;
replyCount: number | null;
asset: {
title: string | null;
};
};
onGoToConversation: () => void;
}
@@ -59,11 +62,27 @@ const HistoryComment: StatelessComponent<HistoryCommentProps> = props => {
className={styles.replies}
>
<ButtonIcon className={styles.icon}>reply</ButtonIcon>
<Localized id="profile-historyComment-replies">
<span>Replies {props.comment.replyCount}</span>
<Localized
id="profile-historyComment-replies"
$replyCount={props.comment.replyCount}
>
<span>{"Replies {$replyCount}"}</span>
</Localized>
</Flex>
)}
<Flex
direction="row"
alignItems="center"
itemGutter="half"
className={styles.story}
>
<Localized
id="profile-historyComment-story"
$title={props.comment.asset.title}
>
<span>{"Story: {$title}"}</span>
</Localized>
</Flex>
</HorizontalGutter>
);
};
@@ -40,6 +40,9 @@ const enhanced = withSetCommentIDMutation(
body
createdAt
replyCount
asset {
title
}
}
}
}
@@ -390,9 +390,32 @@ exports[`renders comment stream 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
@@ -30,9 +30,32 @@ exports[`post a comment: optimistic response 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
@@ -472,9 +495,32 @@ exports[`post a comment: server response 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
@@ -904,9 +950,32 @@ exports[`renders comment stream 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
File diff suppressed because it is too large Load Diff
@@ -30,9 +30,32 @@ exports[`post a reply: open reply form 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
@@ -519,9 +542,32 @@ exports[`post a reply: optimistic response 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
@@ -1094,9 +1140,32 @@ exports[`post a reply: server response 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
@@ -1532,9 +1601,32 @@ exports[`renders comment stream 1`] = `
Comments
</button>
</li>
<li
className="Tab-root"
id="tab-PROFILE"
role="presentation"
>
<button
aria-controls="tabPane-PROFILE"
aria-selected={false}
className="BaseButton-root Tab-button Tab-primary"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
role="tab"
type="button"
>
My Profile
</button>
</li>
</ul>
<section
aria-labelledby="tab-COMMENTS"
className="App-tabContent"
id="tabPane-COMMENTS"
role="tabpanel"
>
+2 -1
View File
@@ -71,5 +71,6 @@ comments-editedMarker-edited = Edited
## Profile Tab
profile-historyComment-viewConversation = View Conversation
profile-historyComment-replies = Replies
profile-historyComment-replies = Replies {$replyCount}
profile-historyComment-commentHistory = Comment History
profile-historyComment-story = Story {$title}