fix(ui-ux): hide offers and xverse for connect wallet button (#41)

* Hide "offers" from dropdown * Hide xverse * Hide xverse * Hide xverse
ordzaar · Jul 20, 2023 · d40c408 · d40c408
1 parent e005be7
commit d40c408
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 40 deletions.
diff --git a/packages/sado-connect/src/components/PostConnectButton/index.tsx b/packages/sado-connect/src/components/PostConnectButton/index.tsx
@@ -75,11 +75,11 @@ export function PostConnectButton({
                 <span className="value">{TruncateMiddle(address)}</span>
               </Menu.Item>
               <hr className="horizontal-separator" />
-              <Menu.Item as="button" className="dropdown-button">
-                <span className="label">Offers</span>
-                <div className="offers">0</div>
-              </Menu.Item>
-              <hr className="horizontal-separator" />
+              {/*<Menu.Item as="button" className="dropdown-button">*/}
+              {/*  <span className="label">Offers</span>*/}
+              {/*  <div className="offers">0</div>*/}
+              {/*</Menu.Item>*/}
+              {/*<hr className="horizontal-separator" />*/}
               <Menu.Item
                 as="button"
                 className="dropdown-button"

diff --git a/packages/sado-connect/src/components/SelectWalletModal/index.tsx b/packages/sado-connect/src/components/SelectWalletModal/index.tsx
@@ -3,11 +3,11 @@ import { Fragment, useState } from "react";
 import CloseModalIcon from "../../assets/close-modal.svg";
 import ChevronRightIcon from "../../assets/chevron-right.svg";
 import UnisatWalletIcon from "../../assets/unisat-wallet.svg";
-import XverseWalletIcon from "../../assets/xverse-wallet.svg";
+// import XverseWalletIcon from "../../assets/xverse-wallet.svg";
 import { useSadoContext, Wallet } from "../../providers/SadoContext";
 import {
   UNISAT_WALLET_CHROME_EXTENSION_URL,
-  XVERSE_WALLET_CHROME_EXTENSION_URL,
+  // XVERSE_WALLET_CHROME_EXTENSION_URL,
 } from "../../utils/constant";
 import { ordit } from "@sadoprotocol/ordit-sdk";
 
@@ -41,26 +41,26 @@ export function SelectWalletModal({
       console.error("Error while connecting to UniSat wallet", err);
     }
   };
-  const onConnectXverseWallet = async () => {
-    try {
-      const xverse = await ordit.xverse.getAddresses({
-        network,
-      });
-      const taprootAddress = xverse.find(
-        (address) => address.format === "taproot"
-      );
-      updateAddress(taprootAddress.address);
-      updatePublicKey(taprootAddress.pub);
-      updateWallet(Wallet.XVERSE);
-      closeModal();
-    } catch (err: any) {
-      if (err?.message === "Xverse not installed.") {
-        window.open(XVERSE_WALLET_CHROME_EXTENSION_URL);
-      }
-      setErrorMessage(err.toString());
-      console.error("Error while connecting to Xverse wallet", err);
-    }
-  };
+  // const onConnectXverseWallet = async () => {
+  //   try {
+  //     const xverse = await ordit.xverse.getAddresses({
+  //       network,
+  //     });
+  //     const taprootAddress = xverse.find(
+  //       (address) => address.format === "taproot"
+  //     );
+  //     updateAddress(taprootAddress.address);
+  //     updatePublicKey(taprootAddress.pub);
+  //     updateWallet(Wallet.XVERSE);
+  //     closeModal();
+  //   } catch (err: any) {
+  //     if (err?.message === "Xverse not installed.") {
+  //       window.open(XVERSE_WALLET_CHROME_EXTENSION_URL);
+  //     }
+  //     setErrorMessage(err.toString());
+  //     console.error("Error while connecting to Xverse wallet", err);
+  //   }
+  // };
 
   return (
     <Transition appear show={isOpen} as={Fragment}>
@@ -124,18 +124,18 @@ export function SelectWalletModal({
                         </span>
                         <img src={ChevronRightIcon} alt="Chevron Right" />
                       </button>
-                      <hr className="horizontal-separator" />
-                      <button
-                        type="button"
-                        className="wallet-option-button"
-                        onClick={async () => {
-                          await onConnectXverseWallet();
-                        }}
-                      >
-                        <img src={XverseWalletIcon} alt="Xverse Wallet" />
-                        <span className="wallet-option-label">Xverse</span>
-                        <img src={ChevronRightIcon} alt="Chevron Right" />
-                      </button>
+                      {/*<hr className="horizontal-separator" />*/}
+                      {/*<button*/}
+                      {/*  type="button"*/}
+                      {/*  className="wallet-option-button"*/}
+                      {/*  onClick={async () => {*/}
+                      {/*    await onConnectXverseWallet();*/}
+                      {/*  }}*/}
+                      {/*>*/}
+                      {/*  <img src={XverseWalletIcon} alt="Xverse Wallet" />*/}
+                      {/*  <span className="wallet-option-label">Xverse</span>*/}
+                      {/*  <img src={ChevronRightIcon} alt="Chevron Right" />*/}
+                      {/*</button>*/}
                     </section>
                   ) : (
                     <>

diff --git a/packages/sado-connect/src/components/SelectWalletModal/style.css b/packages/sado-connect/src/components/SelectWalletModal/style.css
@@ -136,7 +136,7 @@
   padding: 32px 32px 24px;
   border: 0px;
   margin-bottom: 0px;
-  border-radius: 20px 20px 0px 0px;
+  border-radius: 20px 20px 20px 20px;
 }
 
 .sado-connect-wallet-modal .wallet-option-button:nth-of-type(2) {