lint

Author: gregfromstl

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/server/BuyFundsSection.tsx renamed to apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/components/client/BuyFundsSection.tsx

@@ -1,15 +1,14 @@
+"use client";
 import { defineChain, type ThirdwebClient } from "thirdweb";
 import type { ChainMetadata } from "thirdweb/chains";
 import { BuyWidget } from "thirdweb/react";
-import { SectionTitle } from "./SectionTitle";
 
 export function BuyFundsSection(props: {
   chain: ChainMetadata;
   client: ThirdwebClient;
 }) {
   return (
     <section className="flex flex-col gap-4 items-center justify-center">
-      <SectionTitle title="Bridge" />
       <BuyWidget
         amount="0"
         // eslint-disable-next-line no-restricted-syntax

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx

@@ -2,8 +2,8 @@ import { CircleAlertIcon } from "lucide-react";
 import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { getRawAccount } from "../../../../account/settings/getAccount";
 import { getChain, getChainMetadata } from "../../utils";
+import { BuyFundsSection } from "./components/client/BuyFundsSection";
 import NextSteps from "./components/client/NextSteps";
-import { BuyFundsSection } from "./components/server/BuyFundsSection";
 import { ChainOverviewSection } from "./components/server/ChainOverviewSection";
 import { ClaimChainSection } from "./components/server/ClaimChainSection";
 import { ChainCTA } from "./components/server/cta-card";

packages/thirdweb/src/react/web/ui/Bridge/BridgeOrchestrator.tsx

@@ -40,20 +40,20 @@ export type UIOptions = Prettify<
     };
   } & (
     | {
-      mode: "fund_wallet";
-      destinationToken: Token;
-      initialAmount?: string;
-      presetOptions?: [number, number, number];
-    }
+        mode: "fund_wallet";
+        destinationToken: Token;
+        initialAmount?: string;
+        presetOptions?: [number, number, number];
+      }
     | {
-      mode: "direct_payment";
-      paymentInfo: {
-        sellerAddress: Address;
-        token: Token;
-        amount: string;
-        feePayer?: "sender" | "receiver";
-      };
-    }
+        mode: "direct_payment";
+        paymentInfo: {
+          sellerAddress: Address;
+          token: Token;
+          amount: string;
+          feePayer?: "sender" | "receiver";
+        };
+      }
     | { mode: "transaction"; transaction: PreparedTransaction }
   )
 >;
@@ -283,10 +283,10 @@ export function BridgeOrchestrator({
             amount={state.context.destinationAmount}
             client={client}
             destinationToken={state.context.destinationToken}
+            mode={uiOptions.mode}
             onBack={() => {
               send({ type: "BACK" });
             }}
-            mode={uiOptions.mode}
             onError={handleError}
             onQuoteReceived={handleQuoteReceived}
             paymentLinkId={paymentLinkId}

packages/thirdweb/src/react/web/ui/Bridge/BuyWidget.tsx

@@ -166,15 +166,15 @@ export type BuyWidgetProps = {
 type UIOptionsResult =
   | { type: "success"; data: UIOptions }
   | {
-    type: "indexing_token";
-    token: Token;
-    chain: Chain;
-  }
+      type: "indexing_token";
+      token: Token;
+      chain: Chain;
+    }
   | {
-    type: "unsupported_token";
-    tokenAddress: Address;
-    chain: Chain;
-  };
+      type: "unsupported_token";
+      tokenAddress: Address;
+      chain: Chain;
+    };
 
 /**
  * Widget is a prebuilt UI for purchasing a specific token.
@@ -285,7 +285,7 @@ export function BuyWidget(props: BuyWidgetProps) {
         !props.tokenAddress ||
         (isAddress(props.tokenAddress) &&
           checksumAddress(props.tokenAddress) ===
-          checksumAddress(NATIVE_TOKEN_ADDRESS))
+            checksumAddress(NATIVE_TOKEN_ADDRESS))
       ) {
         const ETH = await getToken(
           props.client,
@@ -455,10 +455,10 @@ type BuyWidgetConnectOptions = {
    * ```
    */
   autoConnect?:
-  | {
-    timeout: number;
-  }
-  | boolean;
+    | {
+        timeout: number;
+      }
+    | boolean;
 
   /**
    * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.

packages/thirdweb/src/react/web/ui/Bridge/CheckoutWidget.tsx

@@ -172,15 +172,15 @@ export type CheckoutWidgetProps = {
 type UIOptionsResult =
   | { type: "success"; data: UIOptions }
   | {
-    type: "indexing_token";
-    token: Token;
-    chain: Chain;
-  }
+      type: "indexing_token";
+      token: Token;
+      chain: Chain;
+    }
   | {
-    type: "unsupported_token";
-    tokenAddress: Address;
-    chain: Chain;
-  };
+      type: "unsupported_token";
+      tokenAddress: Address;
+      chain: Chain;
+    };
 
 /**
  * Widget a prebuilt UI for purchasing a specific token.
@@ -418,10 +418,10 @@ type CheckoutWidgetConnectOptions = {
    * ```
    */
   autoConnect?:
-  | {
-    timeout: number;
-  }
-  | boolean;
+    | {
+        timeout: number;
+      }
+    | boolean;
 
   /**
    * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.

packages/thirdweb/src/react/web/ui/Bridge/QuoteLoader.tsx

@@ -204,7 +204,7 @@ function getBridgeParams(args: {
       if (
         paymentMethod.originToken.chainId === destinationToken.chainId &&
         paymentMethod.originToken.address.toLowerCase() ===
-        destinationToken.address.toLowerCase()
+          destinationToken.address.toLowerCase()
       ) {
         return {
           amount: toUnits(amount, destinationToken.decimals),

packages/thirdweb/src/react/web/ui/Bridge/TransactionWidget.tsx

@@ -172,15 +172,15 @@ export type TransactionWidgetProps = {
 type UIOptionsResult =
   | { type: "success"; data: UIOptions }
   | {
-    type: "indexing_token";
-    token: Token;
-    chain: Chain;
-  }
+      type: "indexing_token";
+      token: Token;
+      chain: Chain;
+    }
   | {
-    type: "unsupported_token";
-    tokenAddress: Address;
-    chain: Chain;
-  };
+      type: "unsupported_token";
+      tokenAddress: Address;
+      chain: Chain;
+    };
 
 /**
  * Widget a prebuilt UI for purchasing a specific token.
@@ -443,10 +443,10 @@ type TransactionWidgetConnectOptions = {
    * ```
    */
   autoConnect?:
-  | {
-    timeout: number;
-  }
-  | boolean;
+    | {
+        timeout: number;
+      }
+    | boolean;
 
   /**
    * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.

packages/thirdweb/src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx

@@ -72,14 +72,30 @@ export function PaymentDetails({
 
   useQuery({
     queryFn: () => {
-      if (preparedQuote.type === "buy" || preparedQuote.type === "sell" || preparedQuote.type === "transfer") {
+      if (
+        preparedQuote.type === "buy" ||
+        preparedQuote.type === "sell" ||
+        preparedQuote.type === "transfer"
+      ) {
         trackPayEvent({
-          chainId: preparedQuote.type === "transfer" ? preparedQuote.intent.chainId : preparedQuote.intent.originChainId,
+          chainId:
+            preparedQuote.type === "transfer"
+              ? preparedQuote.intent.chainId
+              : preparedQuote.intent.originChainId,
           client,
           event: "payment_details",
-          fromToken: preparedQuote.type === "transfer" ? preparedQuote.intent.tokenAddress : preparedQuote.intent.originTokenAddress,
-          toChainId: preparedQuote.type === "transfer" ? preparedQuote.intent.chainId : preparedQuote.intent.destinationChainId,
-          toToken: preparedQuote.type === "transfer" ? preparedQuote.intent.tokenAddress : preparedQuote.intent.destinationTokenAddress,
+          fromToken:
+            preparedQuote.type === "transfer"
+              ? preparedQuote.intent.tokenAddress
+              : preparedQuote.intent.originTokenAddress,
+          toChainId:
+            preparedQuote.type === "transfer"
+              ? preparedQuote.intent.chainId
+              : preparedQuote.intent.destinationChainId,
+          toToken:
+            preparedQuote.type === "transfer"
+              ? preparedQuote.intent.tokenAddress
+              : preparedQuote.intent.destinationTokenAddress,
         });
       }
     },

packages/thirdweb/src/stories/Bridge/SuccessScreen.stories.tsx

@@ -93,7 +93,7 @@ const SuccessScreenWithTheme = (props: SuccessScreenWithThemeProps) => {
 const meta = {
   args: {
     completedStatuses: mockBuyCompletedStatuses,
-    onDone: () => { },
+    onDone: () => {},
     preparedQuote: simpleBuyQuote,
     theme: "dark",
     uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,