hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add watch to network when user is on manage bids or transaction history

Browse Source 
Co-authored-by: brunoedcf <brest.dallacosta@outlook.com>
This commit is contained in:
RcleydsonR
2023-01-19 18:43:15 -03:00
parent bb6be691af
commit 2a0c069674
3 changed files with 41 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/ManageBidsView.vue
View File

@@ -10,7 +10,7 @@ import type { ValidDeposit } from "@/model/ValidDeposit";
const etherStore = useEtherStore();
const { walletAddress } = storeToRefs(etherStore);
const { walletAddress, networkName } = storeToRefs(etherStore);
const depositList = ref<ValidDeposit[]>([]);
if (walletAddress.value) {
@@ -46,6 +46,12 @@ watch(walletAddress, async () => {
depositList.value = walletDeposits;
}
});
watch(networkName, async () => {
await listValidDepositTransactionsByWalletAddress(walletAddress.value).then((res) => {
if (res) depositList.value = res;
});
});
</script>
<template>

18
src/views/TransactionHistoryView.vue
View File

@@ -1,21 +1,23 @@
<script setup lang="ts">
import { useEtherStore } from "@/store/ether";
import { storeToRefs } from "pinia";
import { ref, watch } from "vue";
import { ref, watch, onMounted } from "vue";
import ListingComponent from "@/components/ListingComponent.vue";
import { listAllTransactionByWalletAddress } from "@/blockchain/wallet";
import type { Event } from "ethers";
import type { ValidDeposit } from "@/model/ValidDeposit";
const etherStore = useEtherStore();
const { walletAddress } = storeToRefs(etherStore);
const { walletAddress, networkName } = storeToRefs(etherStore);
const allUserTransactions = ref<(Event | ValidDeposit)[]>([]);
if (walletAddress.value) {
onMounted(async () => {
if (walletAddress.value) {
await listAllTransactionByWalletAddress(walletAddress.value).then((res) => {
if (res) allUserTransactions.value = res;
});
}
})
watch(walletAddress, async (newValue) => {
await listAllTransactionByWalletAddress(newValue).then((res) => {
@@ -23,12 +25,10 @@ watch(walletAddress, async (newValue) => {
});
});
watch(walletAddress, async (newValue) => {
console.log(newValue);
});
watch(allUserTransactions, (newValue) => {
console.log(newValue);
watch(networkName, async () => {
await listAllTransactionByWalletAddress(walletAddress.value).then((res) => {
if (res) allUserTransactions.value = res;
});
});
</script>