diff --git a/packages/nextjs/app/profile/_components/ProfileInfo.tsx b/packages/nextjs/app/profile/_components/ProfileInfo.tsx index 37daf12..0a6db0f 100644 --- a/packages/nextjs/app/profile/_components/ProfileInfo.tsx +++ b/packages/nextjs/app/profile/_components/ProfileInfo.tsx @@ -1,12 +1,9 @@ import React, { useEffect, useState } from "react"; -import { FundButton, getOnrampBuyUrl } from "@coinbase/onchainkit/fund"; import { Avatar, Badge, Identity, Name } from "@coinbase/onchainkit/identity"; import { useAccount } from "wagmi"; import { PencilIcon } from "@heroicons/react/24/outline"; import { InputBase } from "~~/components/punk-society/InputBase"; import { LoadingBars } from "~~/components/punk-society/LoadingBars"; -import { PunkBalance } from "~~/components/punk-society/PunkBalance"; -import { PunkConnectButton } from "~~/components/punk-society/PunkConnectButton"; import { TextInput } from "~~/components/punk-society/TextInput"; import { Address } from "~~/components/scaffold-eth"; import { useScaffoldReadContract, useScaffoldWriteContract } from "~~/hooks/scaffold-eth"; @@ -24,18 +21,8 @@ const ProfileInfo: React.FC = ({ address }) => { const [isEditing, setIsEditing] = useState(false); // New state for edit mode const [loadingProfile, setLoadingProfile] = useState(true); - const projectId = process.env.NEXT_PUBLIC_CDP_PROJECT_ID ? process.env.NEXT_PUBLIC_CDP_PROJECT_ID : ""; const { address: connectedAddress } = useAccount(); - const onrampBuyUrl = getOnrampBuyUrl({ - projectId, - addresses: connectedAddress ? { [connectedAddress]: ["base"] } : {}, - // assets: ["ETH", "USDC"], - assets: ["ETH"], - // presetFiatAmount: 20, - // fiatCurrency: "USD", - }); - const { data: punkProfile } = useScaffoldReadContract({ contractName: "BasedProfile", functionName: "profiles", @@ -124,16 +111,7 @@ const ProfileInfo: React.FC = ({ address }) => { {bio &&

{bio}

}
{address === connectedAddress ? ( -
-
- - - -
-
- -
-
+
) : (
diff --git a/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx b/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx index 5f5b723..b4c281a 100644 --- a/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx +++ b/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx @@ -1,20 +1,21 @@ import { useRef, useState } from "react"; import Link from "next/link"; import { NetworkOptions } from "./NetworkOptions"; +import { FundButton } from "@coinbase/onchainkit/fund"; import { Avatar, Badge, Identity, Name } from "@coinbase/onchainkit/identity"; import CopyToClipboard from "react-copy-to-clipboard"; import { getAddress } from "viem"; import { Address } from "viem"; import { useAccount, useDisconnect } from "wagmi"; import { + ArrowDownLeftIcon, ArrowLeftOnRectangleIcon, ArrowTopRightOnSquareIcon, + ArrowUpRightIcon, ArrowsRightLeftIcon, CheckCircleIcon, DocumentDuplicateIcon, - QrCodeIcon, UserIcon, - WalletIcon, } from "@heroicons/react/24/outline"; import { useOutsideClick } from "~~/hooks/scaffold-eth"; import { getTargetNetworks } from "~~/utils/scaffold-eth"; @@ -43,6 +44,10 @@ export const AddressInfoDropdown = ({ address, blockExplorerAddressLink }: Addre }; useOutsideClick(dropdownRef, closeDropdown); + const openPopupWindow = (url: string | URL | undefined) => { + window.open(url, "popup", "width=800,height=600"); + }; + return ( <>
@@ -50,7 +55,10 @@ export const AddressInfoDropdown = ({ address, blockExplorerAddressLink }: Addre tabIndex={0} className="btn btn-secondary bg-base-200 btn-sm pl-0 pr-2 shadow-md dropdown-toggle gap-0 !h-auto" > */} - +