Fix state reset bug on subscription page

src/components/Subscription.vue

@@ -176,9 +176,11 @@ function canConnectWallet(): boolean {
 }
 
 function reset() {
+  senderEthereumAddress = null
   subscriptionsEnabled = null
   subscription = null
   subscriptionState = null
+  tokenBalance = null
 }
 
 async function connectWallet() {
@@ -188,7 +190,11 @@ async function connectWallet() {
   }
 }
 
-watch($$(walletAddress), reset)
+watch($$(walletAddress), (newValue) => {
+  if (newValue === null) {
+    reset()
+  }
+})
 
 async function checkSubscription() {
   if (

src/components/SubscriptionSetup.vue

@@ -115,6 +115,7 @@ function canConnectWallet(): boolean {
 }
 
 function reset() {
+  subscriptionToken = null
   subscriptionsEnabled = null
   subscription = null
   subscriptionState = null
@@ -128,7 +129,11 @@ async function connectWallet() {
   }
 }
 
-watch($$(walletAddress), reset)
+watch($$(walletAddress), (newValue) => {
+  if (newValue === null) {
+    reset()
+  }
+})
 
 async function checkSubscription() {
   if (

src/composables/wallet.ts

@@ -85,9 +85,6 @@ async function connectWallet(): Promise<void> {
   walletProvider.on("accountsChanged", () => {
     disconnectWallet()
   })
-  walletProvider.on("disconnect", () => {
-    disconnectWallet()
-  })
 }
 
 // Can't use reactive signer object because it doesn't work with ethers.js