Change the order of wallets

catze-labs · Jan 5, 2023 · 1ef9126 · 1ef9126 · vercel · Jan 5, 2023
1 parent d724abc
commit 1ef9126
Showing 1 changed file with 27 additions and 28 deletions.
diff --git a/features/Contract/components/WalletConnect.tsx b/features/Contract/components/WalletConnect.tsx
@@ -136,6 +136,33 @@ const WalletConnect: React.FC = () => {
           ) : (
             <>
               <Header />
+              <div className="flex flex-col gap-1">
+                  <Button
+                    variant="gray"
+                    className={clsx([
+                      `font-normal gap-2`,
+                      !isCoinbaseSupported &&
+                        'border border-tequila-light cursor-not-allowed grayscale',
+                    ])}
+                    onClick={() => {
+                      setSelectedWalletType(WalletType.Coinbase)
+                      loginCoinbase()
+                    }}
+                  >
+                    <img
+                      src="/wallets/coinbase.png"
+                      width={20}
+                      height={20}
+                      alt="coinbase"
+                    />
+                    <span className="w-20">Coinbase</span>
+                  </Button>
+                  {!isCoinbaseSupported && (
+                    <p className="text-xs text-tequila-light">
+                      Coinbase wallet is not installed.
+                    </p>
+                  )}
+              </div>
               <div className="mt-2 flex flex-col gap-2">
                 <div className="flex flex-col gap-1">
                   <Button
@@ -215,34 +242,6 @@ const WalletConnect: React.FC = () => {
                     </p>
                   )}
                 </div>
-
-                <div className="flex flex-col gap-1">
-                  <Button
-                    variant="gray"
-                    className={clsx([
-                      `font-normal gap-2`,
-                      !isCoinbaseSupported &&
-                        'border border-tequila-light cursor-not-allowed grayscale',
-                    ])}
-                    onClick={() => {
-                      setSelectedWalletType(WalletType.Coinbase)
-                      loginCoinbase()
-                    }}
-                  >
-                    <img
-                      src="/wallets/coinbase.png"
-                      width={20}
-                      height={20}
-                      alt="coinbase"
-                    />
-                    <span className="w-20">Coinbase</span>
-                  </Button>
-                  {!isCoinbaseSupported && (
-                    <p className="text-xs text-tequila-light">
-                      Coinbase wallet is not installed.
-                    </p>
-                  )}
-                </div>
               </div>
             </>
           )}