Function UserInfo

packages/web/src/modules/UserInfo.tsx:34–216

(props: UserInfoProps)

}

function UserInfo(props: UserInfoProps) {
    const { visible, onClose, user } = props;

    const action = useAction();

    const selfId =
        useSelector((state: State) => state.user && state.user._id) || '';
    // 获取好友id
    if (user && user._id.length === selfId.length) {
        user._id = getFriendId(selfId, user._id);
    }
    /** 获取原始用户id */
    const originUserId = user && user._id.replace(selfId, '');

    // @ts-ignore
    const linkman = useSelector((state: State) => state.linkmans[user?._id]);
    const isFriend = linkman && linkman.type === 'friend';
    const isAdmin = useSelector(
        (state: State) => state.user && state.user.isAdmin,
    );
    const [largerAvatar, toggleLargetAvatar] = useState(false);

    const [userIps, setUserIps] = useState([]);

    useEffect(() => {
        if (isAdmin && user && user._id) {
            (async () => {
                const ips = await getUserIps(user._id.replace(selfId, ''));
                setUserIps(ips);
            })();
        }
    }, [isAdmin, selfId, user]);

    if (!user) {
        return null;
    }

    function handleFocusUser() {
        onClose();
        // @ts-ignore
        action.setFocus(user._id);
    }

    async function handleAddFriend() {
        // @ts-ignore
        const friend = await addFriend(originUserId);
        if (friend) {
            onClose();
            // @ts-ignore
            const { _id } = user;
            let existCount = 0;
            if (linkman) {
                existCount = Object.keys(linkman.messages).length;
                action.setLinkmanProperty(_id, 'type', 'friend');
            } else {
                const newLinkman = {
                    _id,
                    from: selfId,