{"version":3,"sources":["../../../src/components/ContentItem/AvatarHoverCard.js"],"names":["AvatarHoverCard","props","state","showModal","isLogin","currentUser","user_id","id","getUserInfo","noCheckFollowed","image","userAvaHoverData","followed","isFollowed","e","stopPropagation","userAvaClick","backgroundImage","nickname","fans","intl","get","ext","followers","unFocus","then","focus","locale","sendMessage","Component"],"mappings":"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","file":"AvatarHoverCard.js","sourcesContent":["import React, { Component } from \"react\";\nimport { Row, Col } from \"antd\";\nimport intl from \"react-intl-universal\";\nimport \"./AvatarHoverCard.less\";\n\nclass AvatarHoverCard extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      showModal: false\n    };\n  }\n\n  componentDidMount() {\n    const isLogin =\n      this.props.currentUser.user_id > 0 || this.props.currentUser.id > 0;\n    this.props.getUserInfo({\n      id: this.props.user_id,\n      noCheckFollowed: !isLogin\n    });\n  }\n\n  render() {\n    const { image, user_id, currentUser, userAvaHoverData } = this.props;\n    const followed =\n      userAvaHoverData[user_id] && userAvaHoverData[user_id].isFollowed;\n\n    return (\n      <div className=\"AvatarHoverCard\" onClick={e => e.stopPropagation()}>\n        {/* <Link to={`/bilingual/user/${user_id}`}> */}\n        <div onClick={() => this.props.userAvaClick(user_id)}>\n          <Row type=\"flex\" className=\"rowUser\">\n            <div\n              className=\"avatar\"\n              style={{\n                backgroundImage: `url(${image})`\n              }}\n            />\n            <div className=\"nickname\">\n              {userAvaHoverData[user_id] && userAvaHoverData[user_id].nickname}\n            </div>\n          </Row>\n        </div>\n        {/* </Link> */}\n        <div className=\"divider\" />\n        <Row type=\"flex\" className=\"rowNum\">\n          <Col className=\"colFans\">\n            <div className=\"count\">\n              {userAvaHoverData[user_id] && userAvaHoverData[user_id].fans}\n            </div>\n            <div className=\"text\">\n              {intl.get(\"bilingually.fan\", {\n                ext:\n                  userAvaHoverData[user_id] &&\n                  userAvaHoverData[user_id].fans > 1\n                    ? \"s\"\n                    : \"\"\n              })}\n            </div>\n          </Col>\n          <Col className=\"hdivider\" />\n          <Col className=\"colFollow\">\n            <div className=\"count\">\n              {userAvaHoverData[user_id] && userAvaHoverData[user_id].followers}\n            </div>\n            <div className=\"text\">\n              {intl.get(\"bilingually.follow\", {\n                ext:\n                  userAvaHoverData[user_id] &&\n                  userAvaHoverData[user_id].followers > 1\n                    ? \"s\"\n                    : \"\"\n              })}\n            </div>\n          </Col>\n        </Row>\n        {currentUser.user_id > 0 && currentUser.user_id !== user_id && (\n          <Row type=\"flex\" className=\"rowBtn\">\n            {followed ? (\n              <div\n                className=\"unFollowBtn\"\n                onClick={e => {\n                  e.stopPropagation();\n                  this.props\n                    .unFocus({\n                      id: user_id\n                    })\n                    .then(() => {\n                      this.props.getUserInfo({\n                        id: user_id\n                      });\n                    });\n                }}\n              >\n                {intl.get(\"bilingually.cancel_follow\")}\n              </div>\n            ) : (\n              <div\n                className=\"followBtn\"\n                onClick={e => {\n                  e.stopPropagation();\n                  this.props.focus({ id: user_id }).then(() => {\n                    this.props.getUserInfo({\n                      id: user_id\n                    });\n                  });\n                }}\n              >\n                {intl.get(\"bilingually.follow\", { ext: \"\" })}\n              </div>\n            )}\n\n            {/* 发私信按钮，暂时隐藏 */}\n            <div\n              className={`privateMessageBtn ${\n                this.props.locale === \"en-US\" ? \"enUs\" : \"\"\n              }`}\n              onClick={() => this.props.sendMessage({ id: user_id })}\n            >\n              {intl.get(\"bilingually.im.send_msg\")}\n            </div>\n          </Row>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default AvatarHoverCard;\n"]}