refactor: rename quickOptions to presetOptions for consistency across components

Author: gregfromstl

packages/thirdweb/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -169,7 +169,7 @@ export type FundWalletOptions = {
       token: boolean;
       chain: boolean;
     };
-    quickOptions?: [number, number, number];
+    presetOptions?: [number, number, number];
   };
 };
 

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

@@ -40,7 +40,7 @@ export type UIOptions = Prettify<
         mode: "fund_wallet";
         destinationToken: Token;
         initialAmount?: string;
-        quickOptions?: [number, number, number];
+        presetOptions?: [number, number, number];
       }
     | {
         mode: "direct_payment";
@@ -109,7 +109,7 @@ export interface BridgeOrchestratorProps {
   /**
    * Quick buy amounts
    */
-  quickOptions?: [number, number, number];
+  presetOptions?: [number, number, number];
 }
 
 export function BridgeOrchestrator({
@@ -123,7 +123,7 @@ export function BridgeOrchestrator({
   connectLocale,
   purchaseData,
   paymentLinkId,
-  quickOptions,
+  presetOptions,
 }: BridgeOrchestratorProps) {
   // Initialize adapters
   const adapters = useMemo(
@@ -228,7 +228,7 @@ export function BridgeOrchestrator({
           client={client}
           onContinue={handleRequirementsResolved}
           connectOptions={connectOptions}
-          quickOptions={quickOptions}
+          presetOptions={presetOptions}
         />
       )}
 

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

@@ -48,7 +48,7 @@ export interface FundWalletProps {
   /**
    * Quick buy amounts
    */
-  quickOptions?: [number, number, number];
+  presetOptions?: [number, number, number];
 
   /**
    * Connect options for wallet connection
@@ -61,7 +61,7 @@ export function FundWallet({
   receiverAddress,
   uiOptions,
   onContinue,
-  quickOptions = [5, 10, 20],
+  presetOptions = [5, 10, 20],
   connectOptions,
 }: FundWalletProps) {
   const [amount, setAmount] = useState(uiOptions.initialAmount ?? "");
@@ -228,7 +228,7 @@ export function FundWallet({
         </Container>
 
         {/* Quick Amount Buttons */}
-        {quickOptions && (
+        {presetOptions && (
           <>
             <Spacer y="md" />
             <Container
@@ -239,7 +239,7 @@ export function FundWallet({
                 justifyContent: "space-evenly",
               }}
             >
-              {quickOptions?.map((amount) => (
+              {presetOptions?.map((amount) => (
                 <Button
                   variant="outline"
                   onClick={() => handleQuickAmount(Number(amount))}

packages/thirdweb/src/react/web/ui/PayEmbed.tsx

@@ -480,8 +480,8 @@ export function PayEmbed(props: PayEmbedProps) {
         onComplete={() => {
           props.payOptions?.onPurchaseSuccess?.();
         }}
-        quickOptions={
-          (props.payOptions as FundWalletOptions)?.prefillBuy?.quickOptions
+        presetOptions={
+          (props.payOptions as FundWalletOptions)?.prefillBuy?.presetOptions
         }
       />
     );

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

@@ -72,7 +72,7 @@ const meta = {
       options: ["light", "dark"],
       description: "Theme for the component",
     },
-    quickOptions: {
+    presetOptions: {
       control: "object",
       description: "Quick buy options",
     },
@@ -187,11 +187,11 @@ export const TransactionLight: Story = {
   },
 };
 
-export const CustomQuickOptions: Story = {
+export const CustompresetOptions: Story = {
   args: {
     theme: "dark",
     uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,
-    quickOptions: [1, 2, 3],
+    presetOptions: [1, 2, 3],
   },
   parameters: {
     backgrounds: { default: "dark" },