import { PencilIcon } from '@heroicons/react/outline' import { useWallet } from '@solana/wallet-adapter-react' import { useCallback, useState } from 'react' import useMangoStore from 'stores/useMangoStore' import NftProfilePicModal from './NftProfilePicModal' import ProfileImage from './ProfileImage' const ProfileImageButton = ({ disabled, imageSize, placeholderSize, publicKey, }: { disabled: boolean imageSize: string placeholderSize: string publicKey?: string }) => { const [showProfilePicModal, setShowProfilePicModal] = useState(false) const loadingTransaction = useMangoStore( (s) => s.wallet.nfts.loadingTransaction ) const { wallet } = useWallet() const handleCloseProfilePicModal = useCallback(() => { setShowProfilePicModal(false) }, []) return ( <> {showProfilePicModal ? ( ) : null} ) } export default ProfileImageButton