diff --git a/apps/dashboard/src/@/analytics/report.ts b/apps/dashboard/src/@/analytics/report.ts
index c898ff45932..dcc55ad4fb1 100644
--- a/apps/dashboard/src/@/analytics/report.ts
+++ b/apps/dashboard/src/@/analytics/report.ts
@@ -428,3 +428,31 @@ export function reportUpsellClicked(properties: UpsellParams) {
export function reportPaymentCardClick(properties: { id: string }) {
posthog.capture("payment card clicked", properties);
}
+
+/**
+ * ### Why do we need to report this event?
+ * - To track payment link usage
+ *
+ * ### Who is responsible for this event?
+ * @greg
+ */
+export function reportPaymentLinkVisited(properties: {
+ linkId: string;
+ clientId: string;
+}) {
+ posthog.capture("payment link visited", properties);
+}
+
+/**
+ * ### Why do we need to report this event?
+ * - To track payment link usage
+ *
+ * ### Who is responsible for this event?
+ * @greg
+ */
+export function reportPaymentLinkCompleted(properties: {
+ linkId: string;
+ clientId: string;
+}) {
+ posthog.capture("payment link completed", properties);
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/RecentPaymentsSection.client.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/RecentPaymentsSection.client.tsx
index 8b5234d31c2..eb2ac17bb6f 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/RecentPaymentsSection.client.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/components/RecentPaymentsSection.client.tsx
@@ -19,6 +19,8 @@ import { TableRow } from "./PaymentsTableRow";
export function RecentPaymentsSection(props: {
client: ThirdwebClient;
projectClientId: string;
+ teamSlug: string;
+ projectSlug: string;
teamId: string;
}) {
const { data: payPurchaseData, isLoading } = useQuery<
@@ -95,7 +97,10 @@ export function RecentPaymentsSection(props: {
className="flex items-center gap-2"
asChild
>
-
+
Create Payment Link