[Dashboard] Feature: Disable testnets in Payment Link form (#7000)

Co-authored-by: Claude <[email protected]>

Author: gregfromstl

apps/dashboard/src/@/components/blocks/NetworkSelectors.tsx

@@ -144,6 +144,7 @@ export function SingleNetworkSelector(props: {
   side?: "left" | "right" | "top" | "bottom";
   disableChainId?: boolean;
   align?: "center" | "start" | "end";
+  disableTestnets?: boolean;
   placeholder?: string;
   client: ThirdwebClient;
 }) {
@@ -154,8 +155,12 @@ export function SingleNetworkSelector(props: {
       return allChains;
     }
     const chainIdSet = new Set(props.chainIds);
-    return allChains.filter((chain) => chainIdSet.has(chain.chainId));
-  }, [allChains, props.chainIds]);
+    return allChains.filter(
+      (chain) =>
+        chainIdSet.has(chain.chainId) &&
+        (!props.disableTestnets || !chain.testnet),
+    );
+  }, [allChains, props.chainIds, props.disableTestnets]);
 
   const options = useMemo(() => {
     return chainsToShow.map((chain) => {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/connect/universal-bridge/page.tsx

@@ -37,7 +37,7 @@ export default async function Page(props: {
   return (
     <ResponsiveSearchParamsProvider value={props.searchParams}>
       <div>
-        <div className="mb-4 flex justify-end">
+        <div className="mb-4 flex justify-start">
           <PayAnalyticsFilter />
         </div>
         <ResponsiveSuspense

apps/dashboard/src/app/pay/components/client/PaymentLinkForm.client.tsx

@@ -93,7 +93,7 @@ export function PaymentLinkForm({ client }: { client: ThirdwebClient }) {
           amount,
         );
 
-        // Build checkout URL
+        // Build payment URL
         const params = new URLSearchParams({
           chainId: inputs.chainId.toString(),
           recipientAddress: inputs.recipientAddress,
@@ -112,13 +112,13 @@ export function PaymentLinkForm({ client }: { client: ThirdwebClient }) {
           params.set("image", imageUri);
         }
 
-        const checkoutUrl = `${window.location.origin}/checkout?${params.toString()}`;
+        const paymentUrl = `${window.location.origin}/pay?${params.toString()}`;
 
         // Copy to clipboard
-        await navigator.clipboard.writeText(checkoutUrl);
+        await navigator.clipboard.writeText(paymentUrl);
 
         // Show success toast
-        toast.success("Checkout link copied to clipboard.");
+        toast.success("Payment link copied to clipboard.");
       } catch (err) {
         setError(err instanceof Error ? err.message : "An error occurred");
       } finally {
@@ -169,7 +169,7 @@ export function PaymentLinkForm({ client }: { client: ThirdwebClient }) {
         params.set("image", imageUri);
       }
 
-      window.open(`/checkout?${params.toString()}`, "_blank");
+      window.open(`/pay?${params.toString()}`, "_blank");
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "An error occurred");
     }
@@ -204,6 +204,7 @@ export function PaymentLinkForm({ client }: { client: ThirdwebClient }) {
             <SingleNetworkSelector
               chainId={chainId}
               onChange={setChainId}
+              disableTestnets
               client={client}
               className="w-full"
             />
@@ -254,7 +255,7 @@ export function PaymentLinkForm({ client }: { client: ThirdwebClient }) {
             />
           </div>
 
-          <div className="space-y-4">
+          <div className="space-y-2">
             <Button
               type="button"
               variant="ghost"
@@ -280,7 +281,7 @@ export function PaymentLinkForm({ client }: { client: ThirdwebClient }) {
               )}
             >
               <div className={cn(showAdvanced ? "" : "overflow-hidden")}>
-                <div className="space-y-6 pt-2">
+                <div className="space-y-3">
                   <div className="space-y-2">
                     <Label htmlFor="title" className="font-medium text-sm">
                       Title
@@ -289,7 +290,7 @@ export function PaymentLinkForm({ client }: { client: ThirdwebClient }) {
                       id="title"
                       value={title}
                       onChange={(e) => setTitle(e.target.value)}
-                      placeholder="Checkout for..."
+                      placeholder="A title for your payment"
                       className="w-full"
                     />
                   </div>

apps/dashboard/src/app/pay/page.tsx

@@ -1,5 +1,4 @@
 import { getAuthToken } from "app/(app)/api/lib/getAuthToken";
-import { loginRedirect } from "app/(app)/login/loginRedirect";
 import type { Metadata } from "next";
 import { createThirdwebClient, defineChain, getContract } from "thirdweb";
 import { getCurrencyMetadata } from "thirdweb/extensions/erc20";
@@ -35,11 +34,6 @@ export default async function RoutesPage({
   ) {
     const authToken = await getAuthToken();
 
-    if (!authToken) {
-      const searchParams = new URLSearchParams(params);
-      return loginRedirect(`/pay?${searchParams.toString()}`);
-    }
-
     const client = getClientThirdwebClient({
       jwt: authToken,
       teamId: undefined,