[Dashboard] Fix: change payment links -> payments (#7831)

Author: gregfromstl

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/QuickstartSection.client.tsx

@@ -20,8 +20,8 @@ export function QuickStartSection({
       </div>
       <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
         <FeatureCard
-          title="Create Payment Links"
-          description="Create shareable URLs to receive any token in seconds."
+          title="Create Payments"
+          description="Create hosted payment UIs to receive any token in seconds."
           icon={LinkIcon}
           id="payment_links"
           color="violet"
@@ -59,7 +59,7 @@ export function QuickStartSection({
         />
         <FeatureCard
           title="UI Components"
-          description="Instantly add payments to your React app with prebuild components."
+          description="Instantly add payments to your React app with prebuilt components."
           icon={CodeIcon}
           id="components"
           color="violet"

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/RecentPaymentsSection.client.tsx

@@ -100,7 +100,7 @@ export function RecentPaymentsSection(props: {
               <Link
                 href={`/team/${props.teamSlug}/${props.projectSlug}/payments/links`}
               >
-                Create Payment Link
+                Create Payment
                 <ArrowRightIcon className="size-4" />
               </Link>
             </Button>,

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/layout.tsx

@@ -50,7 +50,7 @@ export default async function Layout(props: {
             },
             {
               exactMatch: true,
-              name: "Links",
+              name: "Create",
               path: `${payLayoutPath}/links`,
             },
             {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/links/components/CreatePaymentLinkButton.client.tsx

@@ -107,7 +107,7 @@ export function CreatePaymentLinkButton(
       return result;
     },
     onSuccess: () => {
-      toast.success("Payment link created successfully.");
+      toast.success("Payment created successfully.");
       return queryClient.invalidateQueries({
         queryKey: ["payment-links", props.clientId, props.teamId],
       });
@@ -169,7 +169,7 @@ export function CreatePaymentLinkButton(
             )}
           >
             <DialogHeader>
-              <DialogTitle>Create a Payment Link</DialogTitle>
+              <DialogTitle>Create a Payment</DialogTitle>
               <DialogDescription>
                 Get paid in any token on any chain.
               </DialogDescription>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/links/components/PaymentLinksTable.client.tsx

@@ -101,8 +101,8 @@ export function PaymentLinksTable(props: { clientId: string; teamId: string }) {
     return (
       <EmptyState
         icon={LinkIcon}
-        title="No payment links configured yet"
-        description="Create a payment link to receive any token in seconds."
+        title="No payments configured yet"
+        description="Create a payment to receive any token in seconds."
         buttons={[
           <CreatePaymentLinkButton
             key="create-payment-link"
@@ -111,7 +111,7 @@ export function PaymentLinksTable(props: { clientId: string; teamId: string }) {
           >
             <Button className="gap-1" variant="default" size="sm">
               <PlusIcon className="size-4" />
-              Create Payment Link
+              Create Payment
             </Button>
           </CreatePaymentLinkButton>,
         ]}
@@ -125,7 +125,7 @@ export function PaymentLinksTable(props: { clientId: string; teamId: string }) {
         <Table>
           <TableHeader>
             <TableRow>
-              <TableHead>Payment Link</TableHead>
+              <TableHead>Payment</TableHead>
               <TableHead>Recipient</TableHead>
               <TableHead>Amount</TableHead>
               <TableHead>Usages</TableHead>
@@ -274,7 +274,7 @@ function DeletePaymentLinkButton(
           <DialogTitle>Are you sure?</DialogTitle>
           <DialogDescription>
             This action cannot be undone. This will permanently delete the
-            payment link.
+            payment.
           </DialogDescription>
         </DialogHeader>
 
@@ -290,7 +290,7 @@ function DeletePaymentLinkButton(
                   });
                 },
                 onSuccess: () => {
-                  toast.success("Payment link deleted successfully.");
+                  toast.success("Payment deleted successfully.");
                   setOpen(false);
                   return queryClient.invalidateQueries({
                     queryKey: ["payment-links", props.clientId, props.teamId],

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/links/page.tsx

@@ -23,10 +23,10 @@ export default async function Page(props: {
       <div className="w-full flex flex-col md:flex-row justify-between gap-4 items-start">
         <div>
           <h2 className="mb-0.5 font-semibold text-xl tracking-tight">
-            Payment Links
+            Create a Payment
           </h2>
           <p className="text-muted-foreground text-sm">
-            Make money in any token instantly with hosted payment links
+            Make money in any token instantly with a hosted payments UI.
           </p>
         </div>
         <CreatePaymentLinkButton
@@ -36,7 +36,7 @@ export default async function Page(props: {
         >
           <Button className="gap-1" variant="default" size="sm">
             <PlusIcon className="size-4" />
-            Create Payment Link
+            Create Payment
           </Button>
         </CreatePaymentLinkButton>
       </div>

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

@@ -116,7 +116,7 @@ export function PaymentLinkForm() {
 
         const url = `${window.location.origin}/pay?${params.toString()}`;
         setPaymentUrl(url);
-        toast.success("Payment link created!");
+        toast.success("Payment created!");
       } catch (err) {
         toast.error(err instanceof Error ? err.message : "An error occurred");
       } finally {
@@ -188,7 +188,7 @@ export function PaymentLinkForm() {
             <CreditCardIcon className="size-5 sm:size-6" />
           </div>
           <CardTitle className="text-center sm:text-left">
-            Create a Payment Link
+            Create a Payment
           </CardTitle>
         </div>
       </CardHeader>