From 115b0eb5054e86a837bfcda38a08bae4a4abb76f Mon Sep 17 00:00:00 2001
From: Lulox <lulox.eth@protonmail.com>
Date: Sun, 20 Oct 2024 01:31:55 -0300
Subject: [PATCH] Improvements to PunkConnectButton and ConfigMenu

---
 .../punk-society/ConfigMenu/AddressInfoDropdown.tsx        | 2 +-
 .../punk-society/PunkConnectButton/AddressInfoDropdown.tsx | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/components/punk-society/ConfigMenu/AddressInfoDropdown.tsx b/packages/nextjs/components/punk-society/ConfigMenu/AddressInfoDropdown.tsx
index 66f12eb..0d21533 100644
--- a/packages/nextjs/components/punk-society/ConfigMenu/AddressInfoDropdown.tsx
+++ b/packages/nextjs/components/punk-society/ConfigMenu/AddressInfoDropdown.tsx
@@ -40,7 +40,7 @@ export const AddressInfoDropdown = ({ blockExplorerAddressLink }: AddressInfoDro
       <details ref={dropdownRef} className="dropdown dropdown-end leading-3">
         <summary
           tabIndex={0}
-          className="btn btn-secondary shadow-none bg-transparent border-0 btn-sm p-2 dropdown-toggle gap-0 !h-auto"
+          className="flex items-center justify-center hover:cursor-pointer p-2 shadow-none bg-transparent border-0 btn-sm  dropdown-toggle gap-0 !h-auto"
         >
           <Cog6ToothIcon className="h-5 w-5 ml-2 sm:ml-0" />
         </summary>
diff --git a/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx b/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx
index 6ee259a..47a8748 100644
--- a/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx
+++ b/packages/nextjs/components/punk-society/PunkConnectButton/AddressInfoDropdown.tsx
@@ -9,7 +9,6 @@ import { useAccount } from "wagmi";
 import { UserIcon } from "@heroicons/react/24/outline";
 import { QrCodeIcon } from "@heroicons/react/24/outline";
 import { ArrowUpLeftIcon, LinkIcon } from "@heroicons/react/24/solid";
-import { isENS } from "~~/components/scaffold-eth";
 import { useOutsideClick, useScaffoldReadContract } from "~~/hooks/scaffold-eth";
 
 type AddressInfoDropdownProps = {
@@ -19,7 +18,7 @@ type AddressInfoDropdownProps = {
   ensAvatar?: string;
 };
 
-export const AddressInfoDropdown = ({ address, displayName }: AddressInfoDropdownProps) => {
+export const AddressInfoDropdown = ({ address }: AddressInfoDropdownProps) => {
   const [selectingNetwork, setSelectingNetwork] = useState(false);
 
   const checkSumAddress = getAddress(address);
@@ -70,7 +69,9 @@ export const AddressInfoDropdown = ({ address, displayName }: AddressInfoDropdow
           ></div>
 
           <span className="ml-2 mr-1">
-            {isENS(displayName) ? displayName : checkSumAddress?.slice(0, 6) + "..." + checkSumAddress?.slice(-4)}
+            {profileInfo && profileInfo[0] != ""
+              ? profileInfo[0]
+              : checkSumAddress?.slice(0, 6) + "..." + checkSumAddress?.slice(-4)}
           </span>
           {/* <ChevronDownIcon className="h-6 w-4 ml-2 sm:ml-0" /> */}
         </summary>