remove tx history, show 0 fees for now

Author: joaquim-verges

packages/thirdweb/src/pay/buyWithCrypto/getQuote.ts

@@ -379,7 +379,22 @@ export async function getBuyWithCryptoQuote(
             100,
         },
       ],
-      processingFees: [],
+      // TODO (UB): add develope and platform fees in API
+      processingFees: [
+        {
+          token: {
+            tokenAddress: firstStep.originToken.address,
+            chainId: firstStep.originToken.chainId,
+            decimals: firstStep.originToken.decimals,
+            symbol: firstStep.originToken.symbol,
+            name: firstStep.originToken.name,
+            priceUSDCents: firstStep.originToken.priceUsd * 100,
+          },
+          amountUSDCents: 0,
+          amountWei: "0",
+          amount: "0",
+        },
+      ],
       client: params.client,
     };
 

packages/thirdweb/src/react/web/ui/ConnectWallet/TransactionsScreen.tsx

@@ -11,13 +11,9 @@ import { useActiveWallet } from "../../../core/hooks/wallets/useActiveWallet.js"
 import { useActiveWalletChain } from "../../../core/hooks/wallets/useActiveWalletChain.js";
 import { LoadingScreen } from "../../wallets/shared/LoadingScreen.js";
 import { Spacer } from "../components/Spacer.js";
-import Tabs from "../components/Tabs.js";
 import { Container, Line, ModalHeader } from "../components/basic.js";
 import { ButtonLink } from "../components/buttons.js";
-import { CoinsIcon } from "./icons/CoinsIcon.js";
-import { FundsIcon } from "./icons/FundsIcon.js";
 import type { ConnectLocale } from "./locale/types.js";
-import { PayTxHistoryList } from "./screens/Buy/pay-transactions/BuyTxHistory.js";
 import { TxDetailsScreen } from "./screens/Buy/pay-transactions/TxDetailsScreen.js";
 import type { TxStatusInfo } from "./screens/Buy/pay-transactions/useBuyTransactionsToShow.js";
 import type { PayerInfo } from "./screens/Buy/types.js";
@@ -37,7 +33,7 @@ export function TransactionsScreen(props: {
   locale: ConnectLocale;
   client: ThirdwebClient;
 }) {
-  const [activeTab, setActiveTab] = useState("Transactions");
+  // const [activeTab, setActiveTab] = useState("Transactions");
   // For now, you can only select pay transactions (purcahses)
   const [selectedTx, setSelectedTx] = useState<TxStatusInfo | null>(null);
 
@@ -84,42 +80,40 @@ export function TransactionsScreen(props: {
         }}
       >
         <Spacer y="md" />
-        <Tabs
-          options={[
-            {
+        {/* <Tabs */}
+        {/* options={[ */}
+        {/* { 
               label: (
                 <span className="flex gap-2">
                   <CoinsIcon size={iconSize.sm} /> Transactions
                 </span>
               ),
               value: "Transactions",
-            },
-            {
-              label: (
-                <span className="flex gap-2">
-                  <FundsIcon size={iconSize.sm} /> Purchases
-                </span>
-              ),
-              value: "Purchases",
-            },
-          ]}
-          selected={activeTab}
-          onSelect={setActiveTab}
-        >
-          {activeTab === "Purchases" && (
-            <PayTxHistoryList
-              client={props.client}
-              onSelectTx={setSelectedTx}
-            />
-          )}
-          {activeTab === "Transactions" && (
-            <WalletTransactionHistory
-              locale={props.locale}
-              client={props.client}
-              address={payer.account.address}
-            />
-          )}
-        </Tabs>
+            // },
+            // TODO (UB): add back in once we have a way to show purchases with new service
+            // {
+            //   label: (
+            //     <span className="flex gap-2">
+            //       <FundsIcon size={iconSize.sm} /> Purchases
+            //     </span>
+            //   ),
+            //   value: "Purchases",
+            // },
+          // ]}
+          // selected={activeTab}
+          // onSelect={setActiveTab}
+        {/* > */}
+        {/* {activeTab === "Purchases" && ( */}
+        {/* <PayTxHistoryList client={props.client} onSelectTx={setSelectedTx} /> */}
+        {/* )} */}
+        {/* {activeTab === "Transactions" && ( */}
+        <WalletTransactionHistory
+          locale={props.locale}
+          client={props.client}
+          address={payer.account.address}
+        />
+        {/* })} */}
+        {/* </Tabs> */}
       </Container>
       <Line />
       <Container p="lg">