From 53ab7dbfae3907d51a610a50d1d5823d8de97245 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sun, 29 Jan 2023 12:11:41 +0200
Subject: [PATCH] active prop
---
.../components/ui/comments/CommentItem.js | 14 ++++++++------
.../components/ui/comments/CommentItemList.js | 1 +
2 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItem.js b/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItem.js
index 01d99b350..3607a3cac 100644
--- a/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItem.js
+++ b/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItem.js
@@ -37,11 +37,10 @@ const Content = styled.div`
`;
const CommentItem = props => {
- const { className, content, displayName, timestamp } = props;
-
+ const { className, content, displayName, timestamp, active } = props;
return (
- <Wrapper className={className}>
- <Head>
+ <Wrapper active={active} className={className}>
+ <Head active={active}>
<Name>{displayName}</Name>
<Timestamp>
<DateParser timestamp={timestamp}>
@@ -51,12 +50,13 @@ const CommentItem = props => {
</DateParser>
</Timestamp>
</Head>
- <Content>{content}</Content>
+ <Content active={active}>{content}</Content>
</Wrapper>
);
};
CommentItem.propTypes = {
+ active: PropTypes.bool,
/** Actual comment text */
content: PropTypes.string.isRequired,
/** Display name of user that made the comment */
@@ -65,6 +65,8 @@ CommentItem.propTypes = {
timestamp: PropTypes.number.isRequired,
};
-CommentItem.defaultProps = {};
+CommentItem.defaultProps = {
+ active: false,
+};
export default CommentItem;
diff --git a/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItemList.js b/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItemList.js
index 5fa5bca2f..2f1aff659 100644
--- a/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItemList.js
+++ b/wax-prosemirror-services/src/CommentsService/components/ui/comments/CommentItemList.js
@@ -51,6 +51,7 @@ const CommentItemList = props => {
<Wrapper active={active} className={className}>
{items.map(item => (
<CommentItem
+ active={active}
content={item.content}
displayName={item.displayName}
key={uniqueId('comment-item-')}
--
GitLab