From cd173e67e4e0514271371f4a5e5136f7f61d06d1 Mon Sep 17 00:00:00 2001
From: Max Nanis
Date: Tue, 29 Sep 2026 11:47:48 -0700
Subject: Redemption Modal. Redemption Magic flow. User Account Icon

---
 jb-ui/src/components/UserAccount.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 jb-ui/src/components/UserAccount.tsx

(limited to 'jb-ui/src/components/UserAccount.tsx')

diff --git a/jb-ui/src/components/UserAccount.tsx b/jb-ui/src/components/UserAccount.tsx
new file mode 100644
index 0000000..5aef031
--- /dev/null
+++ b/jb-ui/src/components/UserAccount.tsx
@@ -0,0 +1,25 @@
+import { useGetMeQuery } from "@/models/authAPI";
+
+const UserAccount = () => {
+  const { data: user } = useGetMeQuery();
+
+  if (!user?.product_user_id) return null;
+
+  return (
+    <div
+      className="fixed bottom-21 right-0 p-2
+            bg-slate-700 text-zinc-200 z-50
+            font-mono
+            "
+    >
+      <div className="grid grid-cols-[auto_1fr] text-xs">
+        <div className="label text-left pr-2">Email:</div>
+        <div className="value text-left">{user.email} </div>
+        <div className="label text-left pr-2">Name:</div>
+        <div className="value text-left">{user.display_name ?? "___"}</div>{" "}
+      </div>
+    </div>
+  );
+};
+
+export default UserAccount;
-- 
cgit v1.2.3