// import "../../css/user.css";
//
// import { Component } from "react";
//
// import { handleGetImageUrl, isNft } from "../utils";
// import Icon from "./Icon";
// import { MyAvatar } from "./MyAvatar";
//
// type LinkType = {
//   faceUrl?: string;
//   defaultIcon: string;
//   des: string;
//   link: string;
//   defaultUrl: string;
//   bgc: string;
//   linkName: string;
//   showStatus: number;
// };
//
// type UserInfoType = {
//   hasNewMsg?: boolean;
//   dnsDomain?: string;
//   emailAddress?: string;
//   faceURL?: string;
//   isShowBalance?: boolean;
//   isShowEmail?: boolean;
//   dnsDomainVerify?: number;
//   isShowTwitter?: boolean;
//   nftListShow?: [];
//   nickname?: string;
//   openAnnouncement?: number;
//   operationID?: string;
//   tokenContractChain?: string;
//   userHeadTokenInfo?: {
//     ID?: number;
//     isLikes?: number;
//     likesCount?: number;
//     nftChainID?: string;
//     nftContract?: string;
//     nftContractType?: string;
//     nftTokenURL?: string;
//     tokenID?: string;
//   };
//   userID?: string;
//   userIntroduction?: string;
//   userProfile?: string;
//   userTwitter?: string;
//   linkTree?: LinkType[];
// };
//
// type Props = {
//   userID: string;
// };
//
// type State = {
//   userInfo: UserInfoType | null;
// };
//
// export class ConnectButton extends Component<Props, State> {
//   constructor(props: Props) {
//     super(props);
//
//     this.state = {
//       userInfo: null,
//     };
//   }
//
//   componentDidMount() {
//     const { userID } = this.props;
//     if (userID) {
//       this.fetchUserInfo();
//     }
//   }
//
//   componentDidUpdate(prevProps: Props) {
//     if (prevProps.userID !== this.props.userID) {
//       this.fetchUserInfo();
//     }
//   }
//
//   fetchUserInfo = async () => {
//     const { userID } = this.props;
//     const res = await fetch("https://biubiu.id/user/get_user_setting_page", {
//       method: "POST",
//       headers: {
//         "Content-Type": "application/json",
//       },
//       body: JSON.stringify({
//         userID: userID.toLocaleLowerCase(),
//         operationID: `${Date.now()}`,
//       }),
//     });
//     if (res) {
//       const userInfo = await res.json();
//       // eslint-disable-next-line no-console
//       console.log(userInfo);
//       this.setState({ userInfo: userInfo.data });
//     }
//   };
//
//   render() {
//     const { userInfo } = this.state;
//     return (
//       <div>
//         <div className="w3a-user-wrap">
//           <div className="w3a-user-info">
//             <MyAvatar isNft={isNft(userInfo?.tokenContractChain)} shape="circle" src={handleGetImageUrl(userInfo?.faceURL)} size={38} />
//             {userInfo?.nickname}
//             <Icon width="9px" height="7px" iconName="arrow-down" />
//           </div>
//
//           <div className="w3a-user-card">
//             <div className="w3a-user-info">
//               <MyAvatar isNft={isNft(userInfo?.tokenContractChain)} shape="circle" src={handleGetImageUrl(userInfo?.faceURL)} size={88} />
//               <p>{userInfo?.nickname}</p>
//               <p>{userInfo?.userIntroduction}</p>
//             </div>
//             <div className="w3a-social">
//               <div className="w3a-social-item">
//                 <span className="w3a-social-title">Followers</span>
//                 <span className="w3a-social-value">Following</span>
//               </div>
//             </div>
//           </div>
//         </div>
//       </div>
//     );
//   }
// }

import { useState } from "react";

export function ConnectButton() {
  const [a, seta] = useState(0);
  // eslint-disable-next-line no-console
  console.log(a);
  return <>123</>;
}
