Skip to content
Snippets Groups Projects
Commit 53ab7dbf authored by chris's avatar chris
Browse files

active prop

parent 030726b6
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItem.js
+ 8
− 6
View file @ 53ab7dbf
...@@ -37,11 +37,10 @@ const Content = styled.div` ...@@ -37,11 +37,10 @@ const Content = styled.div`
`; `;
const CommentItem = props => { const CommentItem = props => {
const { className, content, displayName, timestamp } = props; const { className, content, displayName, timestamp, active } = props;
return ( return (
<Wrapper className={className}> <Wrapper active={active} className={className}>
<Head> <Head active={active}>
<Name>{displayName}</Name> <Name>{displayName}</Name>
<Timestamp> <Timestamp>
<DateParser timestamp={timestamp}> <DateParser timestamp={timestamp}>
...@@ -51,12 +50,13 @@ const CommentItem = props => { ...@@ -51,12 +50,13 @@ const CommentItem = props => {
</DateParser> </DateParser>
</Timestamp> </Timestamp>
</Head> </Head>
<Content>{content}</Content> <Content active={active}>{content}</Content>
</Wrapper> </Wrapper>
); );
}; };
CommentItem.propTypes = { CommentItem.propTypes = {
active: PropTypes.bool,
/** Actual comment text */ /** Actual comment text */
content: PropTypes.string.isRequired, content: PropTypes.string.isRequired,
/** Display name of user that made the comment */ /** Display name of user that made the comment */
...@@ -65,6 +65,8 @@ CommentItem.propTypes = { ...@@ -65,6 +65,8 @@ CommentItem.propTypes = {
timestamp: PropTypes.number.isRequired, timestamp: PropTypes.number.isRequired,
}; };
CommentItem.defaultProps = {}; CommentItem.defaultProps = {
active: false,
};
export default CommentItem; export default CommentItem;
wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItemList.js
+ 1
− 0
View file @ 53ab7dbf
...@@ -51,6 +51,7 @@ const CommentItemList = props => { ...@@ -51,6 +51,7 @@ const CommentItemList = props => {
<Wrapper active={active} className={className}> <Wrapper active={active} className={className}>
{items.map(item => ( {items.map(item => (
<CommentItem <CommentItem
active={active}
content={item.content} content={item.content}
displayName={item.displayName} displayName={item.displayName}
key={uniqueId('comment-item-')} key={uniqueId('comment-item-')}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment