Merge pull request #238 from blocknative/enhancement/remember-show-more

Remember show more state in wallet select.

Closes #236

Author: lnbc1QWFyb24

src/components/Wallets.svelte

@@ -11,8 +11,8 @@
   export let modalData: WalletSelectModalData
   export let handleWalletSelect: (wallet: WalletModule) => void
   export let loadingWallet: string | undefined
-
-  let showingAllWalletModules: boolean = false
+  export let showingAllWalletModules: boolean = false
+  export let showAllWallets: () => void
   let selectedWallet: WritableStore
 
   const unsubscribe = wallet.subscribe(wallet => (selectedWallet = wallet))
@@ -80,9 +80,7 @@
 
   {#if modalData.secondaryWallets && modalData.secondaryWallets.length && !showingAllWalletModules}
     <div>
-      <Button onclick={() => (showingAllWalletModules = true)}>
-        Show More
-      </Button>
+      <Button onclick={showAllWallets}>Show More</Button>
     </div>
   {/if}
 

src/views/WalletSelect.svelte

@@ -53,6 +53,9 @@
 
   let loadingWallet: string | undefined = undefined
 
+  let showingAllWalletModules = false
+  const showAllWallets = () => (showingAllWalletModules = true)
+
   renderWalletSelect()
 
   async function renderWalletSelect() {
@@ -207,7 +210,12 @@
       <p class="bn-onboard-custom bn-onboard-select-description">
         {@html modalData.description}
       </p>
-      <Wallets {modalData} {handleWalletSelect} {loadingWallet} />
+      <Wallets
+        {modalData}
+        {handleWalletSelect}
+        {loadingWallet}
+        {showingAllWalletModules}
+        {showAllWallets} />
       <div class="bn-onboard-custom bn-onboard-select-info-container">
         <span
           class="bn-onboard-custom bn-onboard-select-wallet-info"