fixed CollectionsFilter when only 1 collection is available,

changed WalletsFilter preview

Author: andrewlee348

packages/wallet-widget/src/components/Filter/CollectionsFilter.tsx

@@ -56,9 +56,8 @@ export const CollectionsFilter = () => {
         <ListCardSelect
           key={collection.contractAddress}
           isSelected={
-            selectedCollections.find(
-              c => c.contractAddress === collection.contractAddress && c.chainId === collection.chainId
-            ) !== undefined
+            selectedCollections.some(c => c.contractAddress === collection.contractAddress && c.chainId === collection.chainId) ||
+            collections.length === 1
           }
           onClick={collections.length > 1 ? () => setSelectedCollections([collection]) : undefined}
         >

packages/wallet-widget/src/components/Filter/FilterMenu.tsx

@@ -1,4 +1,4 @@
-import { formatAddress, getNetwork } from '@0xsequence/connect'
+import { formatAddress, getNetwork, useWallets } from '@0xsequence/connect'
 import { Text, TokenImage } from '@0xsequence/design-system'
 import { useGetTokenBalancesSummary } from '@0xsequence/hooks'
 import { ContractType } from '@0xsequence/indexer'
@@ -30,6 +30,7 @@ export const FilterMenu = ({
   type: 'tokens' | 'collectibles' | 'transactions'
   onClose: () => void
 }) => {
+  const { wallets } = useWallets()
   const { selectedWalletsObservable, selectedNetworksObservable, selectedCollectionsObservable } = useSettings()
   const selectedWallets = useObservable(selectedWalletsObservable)
   const selectedNetworks = useObservable(selectedNetworksObservable)
@@ -58,7 +59,7 @@ export const FilterMenu = ({
     })
 
   const walletsPreview =
-    selectedWallets.length > 1 ? (
+    selectedWallets.length > 1 || wallets.length === 1 ? (
       <StackedIconTag
         iconList={[]}
         label={