explorer: call reset method on network change

dusk-network · May 20, 2024 · 6636c09 · 6636c09
1 parent 824bfc5
commit 6636c09
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 18 deletions.
diff --git a/explorer/src/lib/components/navbar/Navbar.svelte b/explorer/src/lib/components/navbar/Navbar.svelte
@@ -49,7 +49,7 @@
   /**
    * @param {Event} e
    */
-  function handleChange(e) {
+  function handleNetworkChange(e) {
     // @ts-ignore
     appStore.setNetwork(e.target.value);
   }
@@ -94,7 +94,7 @@
   >
     <Select
       className="dusk-navbar__menu--network"
-      on:change={handleChange}
+      on:change={handleNetworkChange}
       options={networks}
     />
     <NavList className="dusk-navbar__menu--links" {navigation} />

diff --git a/explorer/src/lib/containers/statistics-panel/StatisticsPanel.svelte b/explorer/src/lib/containers/statistics-panel/StatisticsPanel.svelte
@@ -42,8 +42,10 @@
   );
 
   onNetworkChange((network) => {
-    marketDataStore.getData(network);
+    marketDataStore.getData();
+    nodeLocationsStore.reset();
     nodeLocationsStore.getData(network);
+    pollingStatsDataStore.reset();
     pollingStatsDataStore.start(network);
   });
 

diff --git a/explorer/src/routes/+page.svelte b/explorer/src/routes/+page.svelte
@@ -13,15 +13,13 @@
     $appStore.fetchInterval
   );
 
-  onNetworkChange(pollingDataStore.start);
-  onDestroy(pollingDataStore.stop);
-
   $: ({ data, error, isLoading } = $pollingDataStore);
 
   onNetworkChange((network) => {
-    pollingDataStore.stop();
+    pollingDataStore.reset();
     pollingDataStore.start(network);
   });
+  onDestroy(pollingDataStore.stop);
 </script>
 
 <section class="chain-info">

diff --git a/explorer/src/routes/blocks/+page.svelte b/explorer/src/routes/blocks/+page.svelte
@@ -12,9 +12,10 @@
   );
 
   $: ({ data, error, isLoading } = $pollingDataStore);
+  $: ({ network: currentNetwork } = $appStore);
 
   onNetworkChange((network) => {
-    pollingDataStore.stop();
+    pollingDataStore.reset();
     pollingDataStore.start(network);
   });
 
@@ -23,7 +24,7 @@
 
 <section id="blocks">
   <BlocksCard
-    on:retry={pollingDataStore.start}
+    on:retry={() => pollingDataStore.start(currentNetwork)}
     blocks={data}
     {error}
     loading={isLoading}

diff --git a/explorer/src/routes/blocks/block/+page.svelte b/explorer/src/routes/blocks/block/+page.svelte
@@ -5,21 +5,19 @@
   import { appStore } from "$lib/stores";
   import { createDataStore } from "$lib/dusk/svelte-stores";
   import { onNetworkChange } from "$lib/lifecyles";
-  import { onMount } from "svelte";
 
   const dataStore = createDataStore(duskAPI.getBlock);
 
   const getBlock = () => {
     dataStore.getData($appStore.network, $page.url.searchParams.get("id"));
   };
 
-  onNetworkChange(getBlock);
-
-  $: ({ data, error, isLoading } = $dataStore);
-
-  onMount(() => {
+  onNetworkChange(() => {
+    dataStore.reset();
     getBlock();
   });
+
+  $: ({ data, error, isLoading } = $dataStore);
 </script>
 
 <section class="block">

diff --git a/explorer/src/routes/transactions/+page.svelte b/explorer/src/routes/transactions/+page.svelte
@@ -12,9 +12,10 @@
   );
 
   $: ({ data, error, isLoading } = $pollingDataStore);
+  $: ({ network: currentNetwork } = $appStore);
 
   onNetworkChange((network) => {
-    pollingDataStore.stop();
+    pollingDataStore.reset();
     pollingDataStore.start(network);
   });
 
@@ -23,7 +24,7 @@
 
 <section id="transactions">
   <TransactionsCard
-    on:retry={pollingDataStore.start}
+    on:retry={() => pollingDataStore.start(currentNetwork)}
     txs={data}
     {error}
     loading={isLoading}

diff --git a/explorer/src/routes/transactions/transaction/+page.svelte b/explorer/src/routes/transactions/transaction/+page.svelte
@@ -17,7 +17,11 @@
     marketStore.getData($appStore.network);
   };
 
-  onNetworkChange(getTransaction);
+  onNetworkChange(() => {
+    dataStore.reset();
+    payloadStore.reset();
+    getTransaction();
+  });
 
   $: ({ data, error, isLoading } = $dataStore);
   $: ({ data: payloadData } = $payloadStore);