From 2be556db93471f8d266929e9f8cf4fec0ef1766c Mon Sep 17 00:00:00 2001
From: Madeleine Charity <madeleine@privy.io>
Date: Fri, 6 Mar 2026 14:13:27 -0500
Subject: [PATCH] feat: display vault name in yield demo

Use the new `name` field from the get vault endpoint as the card heading
in FeeRecipientCard, falling back to "Vault info" when absent.

Made-with: Cursor
Committed-By-Agent: cursor
---
 .../privy-next-yield-demo/src/components/FeeRecipientCard.tsx  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/examples/privy-next-yield-demo/src/components/FeeRecipientCard.tsx b/examples/privy-next-yield-demo/src/components/FeeRecipientCard.tsx
index f64c30c..79ebf42 100644
--- a/examples/privy-next-yield-demo/src/components/FeeRecipientCard.tsx
+++ b/examples/privy-next-yield-demo/src/components/FeeRecipientCard.tsx
@@ -5,6 +5,7 @@ import { getVaultId, truncateAddress } from '@/lib/constants';
 
 interface VaultInfo {
   id: string;
+  name: string;
   provider: string;
   vault_address: string;
   asset_address: string;
@@ -81,7 +82,7 @@ export function FeeRecipientCard() {
   return (
     <div className="rounded-2xl p-6 bg-white border border-[#E2E3F0]">
       <div className="flex items-start justify-between mb-4">
-        <h3 className="text-lg font-semibold text-[#040217]">Vault info</h3>
+        <h3 className="text-lg font-semibold text-[#040217]">{vaultInfo.name || 'Vault info'}</h3>
       </div>
 
       <div>