Merge pull request #1185 from layerswap/dev

Dev to main
layerswap · Dec 23, 2024 · d4af8ec · d4af8ec
2 parents a6c917e + dbe8e70
commit d4af8ec
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/components/Input/SourceWalletPicker.tsx b/components/Input/SourceWalletPicker.tsx
@@ -244,8 +244,9 @@ const Connect: FC<{ connectFn?: () => Promise<Wallet | undefined | void>; setMou
 }
 
 const ContinueWithoutWallet: FC<{ onClick: () => void }> = ({ onClick }) => {
+    //TODO: bg-secondary-900 is a hotfix, should refactor and fix sticky footer for VaulDrawer
     return (
-        <div className="inline-flex items-center gap-1.5 justify-center w-full pt-3">
+        <div className="inline-flex items-center gap-1.5 justify-center w-full pt-3 bg-secondary-900">
             <button onClick={onClick} className="underline hover:no-underline text-base text-center text-secondary-text cursor-pointer ">
                 Continue without a wallet
             </button>

diff --git a/components/WalletModal/ConnectorsList.tsx b/components/WalletModal/ConnectorsList.tsx
@@ -4,6 +4,7 @@ import { resolveWalletConnectorIcon } from '../../lib/wallets/utils/resolveWalle
 import { Loader } from 'lucide-react';
 import { Wallet } from '../../Models/WalletProvider';
 import { ModalWalletProvider } from '.';
+import CopyButton from '../buttons/copyButton';
 
 export type WalletsListProps = {
     modalWalletProvider: ModalWalletProvider;
@@ -51,7 +52,7 @@ const ConnectList: FC<WalletsListProps> = ({ modalWalletProvider: provider, onFi
     }
 
     if (selectedProvider?.connector?.qr) return <div className="flex flex-col justify-start space-y-2">
-        <div className='w-full flex justify-center pt-2'>
+        <div className='w-full flex flex-col justify-center items-center pt-2'>
             <QRCodeSVG
                 className="rounded-lg"
                 value={selectedProvider?.connector?.qr}
@@ -71,6 +72,9 @@ const ConnectList: FC<WalletsListProps> = ({ modalWalletProvider: provider, onFi
                         : undefined
                 }
             />
+            <div className='bg-secondary text-secondary-text px-14 py-1.5 rounded-md mt-3 flex items-center'>
+                <CopyButton toCopy={selectedProvider?.connector?.qr}>Copy QR URL</CopyButton> 
+            </div>
         </div>
     </div>