From d0f4b031b671bb7c2c0b91492517ce3c58e758a0 Mon Sep 17 00:00:00 2001
From: "zapaz.eth" <alain@kredeum.com>
Date: Mon, 20 May 2024 12:51:03 +0200
Subject: [PATCH] fix WordPress Select Network in settings

---
 .../components/Main/CollectionChoice.svelte   | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/svelte/src/components/Main/CollectionChoice.svelte b/svelte/src/components/Main/CollectionChoice.svelte
index 28dd5e48..269f72fc 100644
--- a/svelte/src/components/Main/CollectionChoice.svelte
+++ b/svelte/src/components/Main/CollectionChoice.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
   import { onMount } from "svelte";
 
-  import { metamaskInit } from "../../helpers/metamask";
-  import { metamaskChainId } from "../../stores/metamask";
+  import { metamaskInit, metamaskSwitchChain } from "../../helpers/metamask";
+  import { metamaskChainId, metamaskSignerAddress } from "../../stores/metamask";
 
   import AccountConnect from "../Account/AccountConnect.svelte";
   import CollectionSelect from "../Collection/CollectionSelect.svelte";
   import NetworkSelect from "../Network/NetworkSelect.svelte";
+  import { providerSetFallback } from "common/src/common/provider-get";
 
   /////////////////////////////////////////////////////////////////
   // <CollectionChoice bind:{address} {txt} />
@@ -17,25 +18,29 @@
   /////////////////////////////////////////////////////////////////
 
   let chainId: number;
-  let signer: string;
 
-  // $: console.log("<CollectionChoice", chainId, signer, "=>", address);
+  // $: console.log("<CollectionChoice", chainId, "=>", address);
+  // SET nework on chainId change
+  $: chainId && handleChainId();
+  const handleChainId = async () => {
+    await metamaskSwitchChain(chainId);
+    await providerSetFallback(chainId);
+  };
 
   onMount(async () => {
     await metamaskInit();
     chainId = $metamaskChainId;
+    await handleChainId();
   });
 </script>
 
 <p>
-  <AccountConnect bind:signer {txt} label={true} />
+  <AccountConnect {txt} label={true} />
 </p>
 <p>
   <NetworkSelect bind:chainId {txt} label={true} />
 </p>
 
-{#if chainId && signer}
-  <p>
-    <CollectionSelect {chainId} account={signer} bind:address {txt} mintable={true} />
-  </p>
-{/if}
+<p>
+  <CollectionSelect {chainId} bind:address account={$metamaskSignerAddress} {txt} mintable={true} />
+</p>