From c92ebc238c29f1a5b7bdb2e50f11725f5605b084 Mon Sep 17 00:00:00 2001
From: adamsithr <adamsithr@users.noreply.github.com>
Date: Thu, 25 Jun 2026 08:58:22 -0400
Subject: [PATCH] refactor: Use UserStore in ProfileCard component (closes
 #261)

---
 src/features/buyer/profile/components/ProfileCard.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/features/buyer/profile/components/ProfileCard.tsx b/src/features/buyer/profile/components/ProfileCard.tsx
index 0ab4454..6bcaa07 100644
--- a/src/features/buyer/profile/components/ProfileCard.tsx
+++ b/src/features/buyer/profile/components/ProfileCard.tsx
@@ -1,9 +1,16 @@
+import { useUser } from '@/shared/stores/userStore';
+
 export function ProfileCard() {
+  const { name, email } = useUser();
+
   return (
     <div className="bg-custom-card-background rounded-lg p-6 border border-white/30 shadow-[0_0_10px_0_rgba(255,255,255,0.1)] flex flex-col items-center">
       <div className="w-24 h-24 rounded-full bg-gray-700 mb-4 border-4 border-white/20" />
       <div className="text-white text-xl font-semibold mb-1">
-        Matias Aguilar
+        {name || 'User Name'}
+      </div>
+      <div className="text-gray-400 text-sm mb-2">
+        {email || 'user@example.com'}
       </div>
       <div className="text-purple-400 text-sm mb-4">Premium Member</div>
       <button className="flex items-center justify-center w-10 h-10 rounded-full border border-white/20 text-white hover:bg-gray-800">