add:头像弹框发送私信回调

lib/components/CommentBox/index.js

@@ -145,6 +145,7 @@ var CommentBox = function (_Component) {
             return _react2.default.createElement(_ContentItem2.default, {
               commentId: commentId,
               replyId: item.id,
+              user_id: item.user_id,
               key: item.id,
               content: item,
               action: "replyToReply" // 评论的回复

lib/components/ContentItem/AvatarHoverCard.js

@@ -169,6 +169,16 @@ var AvatarHoverCard = function (_Component) {
               }
             },
             _reactIntlUniversal2.default.get("bilingually.follow", { ext: "" })
+          ),
+          _react2.default.createElement(
+            "div",
+            {
+              className: "privateMessageBtn " + (this.props.locale === "en-US" ? "enUs" : ""),
+              onClick: function onClick() {
+                return _this2.props.sendMessage({ id: user_id });
+              }
+            },
+            _reactIntlUniversal2.default.get("bilingually.im.send_msg")
           )
         )
       );

lib/components/ContentItem/AvatarHoverCard.less

@@ -80,6 +80,22 @@
   border: 1px solid rgba(113, 193, 53, 1);
 }
 
+.privateMessageBtn {
+  width: 77px;
+  height: 31px;
+  line-height: 31px;
+  background: rgba(113, 193, 53, 1);
+  border-radius: 4px;
+  color: #fff;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  cursor: pointer;
+  margin: 0 5px;
+}
+.privateMessageBtn.enUs {
+  width: 90px;
+}
 .modalContainer {
   background: #fff;
   padding: 20px;

lib/components/Editor/index.css

@@ -118,3 +118,15 @@
   width: 112px;
   height: 36px;
 }
+
+@media (max-width: 575px) {
+  .comment-unlogin-tip {
+    padding: 36px 0 16px 0;
+    font-size: 14px;
+  }
+
+  .comment-unlogin-button button {
+    width: 82px;
+    height: 28px;
+  }
+}

lib/index.js

@@ -148,6 +148,12 @@ if (process.env.NODE_ENV !== "production") {
         followers: 10,
         fans: 11,
         isFollowed: false
+      },
+      58297: {
+        nickname: "aaaaa",
+        followers: 10,
+        fans: 11,
+        isFollowed: false
       }
     },
     showHoverCard: true,
@@ -182,6 +188,9 @@ if (process.env.NODE_ENV !== "production") {
     onBeforeUpdateComment: function onBeforeUpdateComment() {
       console.log("onBeforeUpdateComment");
     },
+    sendMessage: function sendMessage(id) {
+      console.log("sendMessage", id);
+    },
     editorProps: {
       onCommentSuccess: function onCommentSuccess(data) {
         console.log(data);

lib/version.json

@@ -1,8 +1,8 @@
 {
     "name":       "comment",
-    "buildDate":  1565074347387,
+    "buildDate":  1565080180929,
     "version":    "1.0.4",
-    "numCommits": 180,
-    "hash":       "10d16ee",
+    "numCommits": 181,
+    "hash":       "d2c0f01",
     "dirty":      false
 }

src/components/CommentBox/index.js

@@ -85,6 +85,7 @@ class CommentBox extends Component {
               <ContentItem
                 commentId={commentId}
                 replyId={item.id}
+                user_id={item.user_id}
                 key={item.id}
                 content={item}
                 action="replyToReply" // 评论的回复

src/components/ContentItem/AvatarHoverCard.js

@@ -110,12 +110,14 @@ class AvatarHoverCard extends Component {
             )}
 
             {/* 发私信按钮，暂时隐藏 */}
-            {/* <div
-            className={styles.privateMessageBtn}
-            onClick={this.toggleShowModal}
-          >
-            发私信
-          </div> */}
+            <div
+              className={`privateMessageBtn ${
+                this.props.locale === "en-US" ? "enUs" : ""
+              }`}
+              onClick={() => this.props.sendMessage({ id: user_id })}
+            >
+              {intl.get("bilingually.im.send_msg")}
+            </div>
           </Row>
         )}
       </div>

src/components/ContentItem/AvatarHoverCard.less

@@ -80,6 +80,22 @@
   border: 1px solid rgba(113, 193, 53, 1);
 }
 
+.privateMessageBtn {
+  width: 77px;
+  height: 31px;
+  line-height: 31px;
+  background: rgba(113, 193, 53, 1);
+  border-radius: 4px;
+  color: #fff;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  cursor: pointer;
+  margin: 0 5px;
+}
+.privateMessageBtn.enUs {
+  width: 90px;
+}
 .modalContainer {
   background: #fff;
   padding: 20px;

src/components/Editor/index.css

@@ -118,3 +118,15 @@
   width: 112px;
   height: 36px;
 }
+
+@media (max-width: 575px) {
+  .comment-unlogin-tip {
+    padding: 36px 0 16px 0;
+    font-size: 14px;
+  }
+
+  .comment-unlogin-button button {
+    width: 82px;
+    height: 28px;
+  }
+}

src/index.js

@@ -113,6 +113,12 @@ if (process.env.NODE_ENV !== "production") {
         followers: 10,
         fans: 11,
         isFollowed: false
+      },
+      58297: {
+        nickname: "aaaaa",
+        followers: 10,
+        fans: 11,
+        isFollowed: false
       }
     },
     showHoverCard: true,
@@ -147,6 +153,9 @@ if (process.env.NODE_ENV !== "production") {
     onBeforeUpdateComment: () => {
       console.log("onBeforeUpdateComment");
     },
+    sendMessage: id => {
+      console.log("sendMessage", id);
+    },
     editorProps: {
       onCommentSuccess: data => {
         console.log(data);