Fix unexpected behavior from listing transactions and approve tokens

Co-authored-by: brunoedcf <brest.dallacosta@outlook.com>

src/views/ManageBidsView.vue

@@ -3,24 +3,25 @@ import { useEtherStore } from "@/store/ether";
 import { storeToRefs } from "pinia";
 import ListingComponent from "@/components/ListingComponent.vue";
 import type { BigNumber } from "ethers";
-import { ref, watch } from "vue";
+import { ref, watch, onMounted } from "vue";
 import { cancelDeposit, withdrawDeposit } from "@/blockchain/buyerMethods";
 import { listValidDepositTransactionsByWalletAddress } from "@/blockchain/wallet";
 import type { ValidDeposit } from "@/model/ValidDeposit";
 
 const etherStore = useEtherStore();
 
-const { walletAddress, networkName } = storeToRefs(etherStore);
+const { walletAddress, networkName, loadingWalletBids } = storeToRefs(etherStore);
 const depositList = ref<ValidDeposit[]>([]);
 
-if (walletAddress.value) {
+onMounted(async () => {
+  if (walletAddress.value) {
   const walletDeposits = await listValidDepositTransactionsByWalletAddress(
     walletAddress.value
   );
   if (walletDeposits) {
     depositList.value = walletDeposits;
   }
-}
+}})
 
 const handleCancelDeposit = async (depositID: BigNumber, index: number) => {
   const response = await cancelDeposit(depositID);

src/views/SellerView.vue

@@ -19,16 +19,16 @@ etherStore.setSellerView(true);
 const flowStep = ref<Step>(Step.Sell);
 const loading = ref<boolean>(false);
 
-const offerValue = ref<number>();
+const offerValue = ref<string>("");
 const pixKeyBuyer = ref<string>("");
 
 // Verificar tipagem
-const approveOffer = async (args: { offer: number; pixKey: string }) => {
+const approveOffer = async (args: { offer: string; pixKey: string }) => {
   loading.value = true;
   try {
     offerValue.value = args.offer;
     pixKeyBuyer.value = args.pixKey;
-    await approveTokens(String(offerValue.value));
+    await approveTokens(args.offer);
     flowStep.value = Step.Network;
     loading.value = false;
   } catch (err) {