From 67b4805c1bedbf44b1fa585ff673871164802aab Mon Sep 17 00:00:00 2001
From: Paul Cramer <paulccramer@gmail.com>
Date: Tue, 26 Nov 2024 11:28:05 -0800
Subject: [PATCH] asdf

---
 src/.env                              |  1 +
 src/wallet/components/WalletModal.tsx | 30 ++++++++++++---------------
 2 files changed, 14 insertions(+), 17 deletions(-)
 create mode 100644 src/.env

diff --git a/src/.env b/src/.env
new file mode 100644
index 0000000000..c7590328d9
--- /dev/null
+++ b/src/.env
@@ -0,0 +1 @@
+ONCHAINKIT_WALLETCONNECT_PROJECT_ID=c652d0148879353d7e965d7f6f361e59
\ No newline at end of file
diff --git a/src/wallet/components/WalletModal.tsx b/src/wallet/components/WalletModal.tsx
index dd30aaaa81..e9e29695fe 100644
--- a/src/wallet/components/WalletModal.tsx
+++ b/src/wallet/components/WalletModal.tsx
@@ -56,7 +56,7 @@ export function WalletModal({
 
     const modal = modalRef.current;
     const focusableElements = modal.querySelectorAll<HTMLElement>(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
 
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: TODO: Refactor
@@ -101,9 +101,7 @@ export function WalletModal({
       console.error('Coinbase Wallet connection error:', error);
       if (onError) {
         onError(
-          error instanceof Error
-            ? error
-            : new Error('Failed to connect wallet'),
+          error instanceof Error ? error : new Error('Failed to connect wallet')
         );
       }
     }
@@ -122,9 +120,7 @@ export function WalletModal({
       console.error('WalletConnect connection error:', error);
       if (onError) {
         onError(
-          error instanceof Error
-            ? error
-            : new Error('Failed to connect wallet'),
+          error instanceof Error ? error : new Error('Failed to connect wallet')
         );
       }
     }
@@ -132,7 +128,7 @@ export function WalletModal({
 
   const handleLinkKeyDown = (
     event: React.KeyboardEvent<HTMLAnchorElement>,
-    url: string,
+    url: string
   ) => {
     if (event.key === 'Enter') {
       event.preventDefault();
@@ -150,7 +146,7 @@ export function WalletModal({
         'fixed inset-0 z-50 flex items-center justify-center',
         'bg-black/70 transition-opacity duration-200',
         isOpen ? 'opacity-100' : 'opacity-0',
-        className,
+        className
       )}
       onClick={onClose}
       onKeyDown={(e) => e.key === 'Enter' && onClose()}
@@ -169,7 +165,7 @@ export function WalletModal({
           'relative',
           '-translate-x-1/2 -translate-y-1/2 fixed top-1/2 left-1/2',
           'transition-opacity duration-200',
-          isOpen ? 'opacity-100' : 'opacity-0',
+          isOpen ? 'opacity-100' : 'opacity-0'
         )}
         onClick={(e) => e.stopPropagation()}
         onKeyDown={(e) => e.key === 'Enter' && e.stopPropagation()}
@@ -182,14 +178,14 @@ export function WalletModal({
           className={cn(
             'absolute top-4 right-4',
             'flex items-center justify-center',
-            'h-3 w-3',
+            'h-3 w-3'
           )}
           aria-label="Close modal"
         >
           <div
             className={cn(
               'relative h-full w-full transition-colors',
-              '[&>svg>path]:hover:fill-[var(--ock-icon-color-foreground-muted)]',
+              '[&>svg>path]:hover:fill-[var(--ock-icon-color-foreground-muted)]'
             )}
           >
             {closeSvg}
@@ -224,7 +220,7 @@ export function WalletModal({
               pressable.alternate,
               color.foreground,
               'h-10 w-[275px] px-4 py-2.5',
-              'flex items-center justify-between text-left',
+              'flex items-center justify-between text-left'
             )}
           >
             Sign up
@@ -241,7 +237,7 @@ export function WalletModal({
                   background.default,
                   color.foregroundMuted,
                   text.legal,
-                  'px-2',
+                  'px-2'
                 )}
               >
                 or continue with an existing wallet
@@ -260,7 +256,7 @@ export function WalletModal({
               pressable.alternate,
               color.foreground,
               'h-10 w-[275px] px-4 py-2.5',
-              'flex items-center justify-between text-left',
+              'flex items-center justify-between text-left'
             )}
           >
             Coinbase Wallet
@@ -278,7 +274,7 @@ export function WalletModal({
               pressable.alternate,
               color.foreground,
               'flex h-[40px] w-[275px] px-4 py-2.5',
-              'items-center justify-between text-left',
+              'items-center justify-between text-left'
             )}
           >
             Other wallets
@@ -291,7 +287,7 @@ export function WalletModal({
             color.foregroundMuted,
             text.legal,
             'flex flex-col items-center justify-center gap-1 px-4',
-            'mt-4 w-[275px] text-center leading-3',
+            'mt-4 w-[275px] text-center leading-3'
           )}
         >
           <span className="font-normal text-[10px] leading-[13px]">