active prop

53ab7dbf · chris · 030726b6 · 53ab7dbf · 53ab7dbf
Commit 53ab7dbf authored 2 years ago by chris
--- 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;
--- 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-')}