1 files changed, 10 insertions, 9 deletions
diff --git a/jb-ui/src/components/Wallet.tsx b/jb-ui/src/components/Wallet.tsx
index 933dc9a..3f5c6a4 100644
--- a/jb-ui/src/components/Wallet.tsx
+++ b/jb-ui/src/components/Wallet.tsx
@@ -3,6 +3,7 @@ import {
   UserLedgerTransactionsResponseTransactionsInner,
   WalletApi,
 } from "@/api_fsb";
+import { useGetMeQuery } from "@/models/authAPI";
 import { useAppDispatch, useAppSelector } from "@/hooks";
 import { bpid, formatCentsToUSD } from "@/lib/utils";
 import {
@@ -187,19 +188,19 @@ const WalletTransactionsHeader = () => {
 
 const WalletTransactions = () => {
   const dispatch = useAppDispatch();
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
   const userLedgerTxs = useAppSelector((state) => state.app.userLedgerTxs);
 
   const txPagination = useAppSelector((state) => state.app.txPagination);
   const txTotalPages = useAppSelector((state) => state.app.txTotalPages);
 
   useEffect(() => {
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
 
     new WalletApi()
       .getUserTransactionHistoryProductIdTransactionHistoryGet(
         bpid, // productId
-        bpuid, // bpuid
+        user.product_user_id,
         undefined, // createdAfter
         undefined, // createdBefore
         "-created", // orderBy
@@ -215,7 +216,7 @@ const WalletTransactions = () => {
         dispatch(setTxTotalItems(response.total!));
         dispatch(setTxTotalPages(response.pages!));
       });
-  }, [bpuid, txPagination.pageIndex, txPagination.pageSize]);
+  }, [user?.product_user_id, txPagination.pageIndex, txPagination.pageSize]);
 
   const columnHelper =
     createColumnHelper<UserLedgerTransactionsResponseTransactionsInner>();
@@ -438,16 +439,16 @@ const WalletTransactions = () => {
 
 const Wallet = () => {
   const dispatch = useAppDispatch();
-  const bpuid = useAppSelector((state) => state.app.bpuid);
   const pagination = useAppSelector((state) => state.app.txPagination);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   useEffect(() => {
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
 
     new WalletApi()
       .getUserTransactionHistoryProductIdTransactionHistoryGet(
         bpid, // productId
-        bpuid, // bpuid
+        user.product_user_id,
         undefined, // createdAfter
         undefined, // createdBefore
         "-created", // orderBy
@@ -468,9 +469,9 @@ const Wallet = () => {
         dispatch(setTxTotalItems(response.total ?? 0));
         dispatch(setTxTotalPages(response.pages ?? 9));
       });
-  }, [bpuid]);
+  }, [user?.product_user_id]);
 
-  if (!bpuid) return null;
+  if (!user?.product_user_id) return null;
 
   return (
     <div