Initialize listeners in BreakdownChart.vue when user is signed in

consensusnetworks · Jul 14, 2023 · b5b9e44 · b5b9e44
1 parent cf017a9
commit b5b9e44
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/apps/web/src/composables/wallet.ts b/apps/web/src/composables/wallet.ts
@@ -184,7 +184,8 @@ export default function useWallet() {
     setPrimaryAddress('')
     setUserAnalytics()
     await refreshBreakdown()
-    // loadingUserWallets.value = false
+    // TODO: Fix bug that doesn't allow you to log in without refreshing page after a user logs out
+    window.location.reload()
     console.log('user.value :>> ', user.value)
   }
 

diff --git a/apps/web/src/pages/overview/components/BreakdownChart.vue b/apps/web/src/pages/overview/components/BreakdownChart.vue
@@ -3,11 +3,13 @@ import LineChartJS from '@/components/charts/LineChartJS.vue'
 import { onMounted, ref, watch} from 'vue'
 import useContracts from '@/composables/contracts'
 import useUsers from '@/composables/users'
+import useEthers from '@/composables/ethers'
 
 import { ProviderString } from '@casimir/types'
 
-const { currentStaked, refreshBreakdown, stakingRewards, totalWalletBalance } = useContracts()
+const { currentStaked, listenForContractEvents, refreshBreakdown, stakingRewards, totalWalletBalance } = useContracts()
 const { user, getUserAnalytics, userAnalytics } = useUsers()
+const { listenForTransactions } = useEthers()
 
 const chardId = ref('cross_provider_chart')
 const selectedTimeframe = ref('historical')
@@ -101,6 +103,11 @@ onMounted(async () => {
     await getUserAnalytics()
     setChartData()
     await refreshBreakdown()
+    // TODO: Potentially find a better place to initialize these listeners
+    // Doing this here because currently we're currently initializing listeners on connectWallet
+    // which isn't used if user is already signed in
+    listenForContractEvents()
+    listenForTransactions()
   } else {
     setChartData()
   }