Feature: Add image support to payment links (#7129)

Co-authored-by: Claude <noreply@anthropic.com>

Author: gregfromstl

apps/dashboard/src/@/api/universal-bridge/links.ts

@@ -5,7 +5,8 @@ import { UB_BASE_URL } from "./constants";
 
 type PaymentLink = {
   clientId: string;
-  label?: string;
+  title?: string;
+  imageUrl?: string;
   receiver: string;
   destinationToken: {
     address: string;
@@ -36,7 +37,8 @@ export async function getPaymentLink(props: {
   const { data } = await res.json();
   return {
     clientId: data.clientId,
-    label: data.label,
+    title: data.title,
+    imageUrl: data.imageUrl,
     receiver: data.receiver,
     destinationToken: data.destinationToken,
     amount: data.amount ? BigInt(data.amount) : undefined,

apps/dashboard/src/app/pay/[id]/page.tsx

@@ -62,7 +62,8 @@ export default async function PayPage({
       amount={paymentLink.amount ? BigInt(paymentLink.amount) : undefined}
       token={token}
       clientId={paymentLink.clientId}
-      name={paymentLink.label}
+      name={paymentLink.title}
+      image={paymentLink.imageUrl}
       theme={theme}
     />
   );