{"version":3,"file":"UserInfoPop.jsx","sourceRoot":"","sources":["UserInfoPop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,QAAQ,MAAM,aAAa,CAAC;AAQnC,MAAM,aAAa,GAAwB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IACtE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC/B,MAAM,WAAW,GAAG;QAClB,GAAG,IAAI;QACP,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,OAAO,CAAC;KACjD,CAAC;IAEF,OAAO,CACL,CAAC,OAAO,CACN,SAAS,CAAC,OAAO,CACjB,OAAO,CAAC,OAAO,CACf,iBAAiB,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACxC,OAAO,CAAC,CACN,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kCAAkC,CAC/C;YAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAC3C;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CACjE;cAAA,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACpC;YAAA,EAAE,GAAG,CACP;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,gBAAgB,CAC7B;YAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,EAC3C;YAAA,CAAC,WAAW,EAAE,SAAS,CACzB;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;YAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,EAC5C;YAAA,CAAC,WAAW,EAAE,UAAU,CAC1B;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAC1F;QAAA,EAAE,GAAG,CAAC,CACP,CAED;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { Avatar, Popover, Tag } from 'antd';\nimport _ from 'lodash';\nimport React from 'react';\n\nimport IconFont from './IconFonts';\n\ntype PopupProp = {\n  user: any;\n  children: any;\n  chat: any;\n};\n\nconst UserInfoPopup: React.FC<PopupProp> = ({ user, children, chat }) => {\n  const { onlineUserIDs } = chat;\n  const userProfile = {\n    ...user,\n    online: _.includes(onlineUserIDs, user?.user_id),\n  };\n\n  return (\n    <Popover\n      placement=\"right\"\n      trigger=\"click\"\n      overlayInnerStyle={{ borderRadius: 10 }}\n      content={\n        <div className=\"w-48\">\n          <div className=\"flex items-start justify-between\">\n            <Avatar src={userProfile?.avatar} size={80} />\n            <Tag className=\"m-0\" color={userProfile?.online ? 'green' : 'gray'}>\n              {userProfile?.online ? '在线' : '离线'}\n            </Tag>\n          </div>\n          <div className=\"mt-4 font-bold\">\n            <IconFont icon=\"icon-user\" className=\"mr-1\" />\n            {userProfile?.user_name}\n          </div>\n          <div className=\"mt-4\">\n            <IconFont icon=\"icon-email\" className=\"mr-1\" />\n            {userProfile?.user_email}\n          </div>\n          <div className=\"mt-4 font-medium\">{userProfile?.is_user_org_owner ? '管理员' : '普通成员'}</div>\n        </div>\n      }\n    >\n      {children}\n    </Popover>\n  );\n};\n\nexport default UserInfoPopup;\n"]}