fix(dapp): fix connectToAddressDialog checkbox (#737)

* fix(dapp): fix connectToAddressDialog checkbox

* feat(dapp): add cursor pointer

* fix: add state layer to panel

---------

Co-authored-by: Marc Espin <mespinsanz@gmail.com>
Co-authored-by: Branko <brankobosnic1@gmail.com>
Co-authored-by: Bran <52735957+brancoder@users.noreply.github.com>

Author: 3 people

dapp/src/components/dialogs/ConnectToAddressDialog.tsx

@@ -240,9 +240,20 @@ export function ConnectToAddressDialog({ name, setOpen }: ConnectToAddressDialog
                                                 </div>
                                             )}
                                     </div>
-                                    <Panel bgColor="bg-names-neutral-10">
+                                    <Panel bgColor="bg-names-neutral-10 state-layer relative">
                                         <div className="flex flex-col rounded-lg p-md gap-y-md">
-                                            <div className="flex flex-row items-start gap-x-md">
+                                            <div
+                                                className={`flex flex-row items-start gap-x-md ${
+                                                    !disableEdit && isTargetingCurrentAddress
+                                                        ? 'cursor-pointer'
+                                                        : 'cursor-not-allowed'
+                                                }`}
+                                                onClick={() => {
+                                                    if (!disableEdit && isTargetingCurrentAddress) {
+                                                        setEditIsDefaultName(!editIsDefaultName);
+                                                    }
+                                                }}
+                                            >
                                                 <div className=" flex flex-col gap-y-xxs">
                                                     <span className="text-title-md text-names-neutral-100">
                                                         Set as Display name