const profilePic = props.profilePic ?? context.profilePic; const tokens = profilePic ? profilePic.split(":") : ["", ""]; const url = (profilePic.ipfs_cid ? `https://ipfs.near.social/ipfs/${profilePic.ipfs_cid}` : profilePic.url) || "https://thewiki.io/static/media/sasha_anon.6ba19561.png"; const img = !profilePic || profilePic.startsWith("http://") || profilePic.startsWith("https://") ? ( <img className="rounded w-100 h-100" style={{ objectFit: "cover" }} src={`https://i.near.social/thumbnail/${url}`} alt="profile image" /> ) : ( <Widget src="root.near/widget/NFT" props={{ contractId: tokens[0], tokenId: tokens[1], thumbnail: true }} /> ); return ( <div> <div className="profile-image float-start me-2" style={{ width: "3em", height: "3em" }} > {img} </div> </div> );