Merge pull request #12742 from Dharmik79/bug-website-language-wallet-change

added the useEffect to allow the reorder for the wallets based on locale

Author: nhsz

src/hooks/useWalletTable.tsx

@@ -1,4 +1,4 @@
-import { useContext, useState } from "react"
+import { useContext, useEffect, useState } from "react"
 
 import { DropdownOption } from "@/lib/types"
 
@@ -126,6 +126,14 @@ export const useWalletTable = ({
     })
   )
 
+  useEffect(() => {
+    setWalletData(
+      walletData.map((wallet) => {
+        return { ...wallet, moreInfo: false, key: wallet.name }
+      })
+    )
+  }, [walletData])
+
   // Context API for language filter
   const { supportedLanguage } = useContext(WalletSupportedLanguageContext)
 

src/pages/wallets/find-wallet.tsx

@@ -95,11 +95,15 @@ const FindWalletPage = () => {
 
   // If any wallet supports user's locale, show them (shuffled) at the top and then the remaining ones
   useEffect(() => {
+    const supportedLocaleWallets = getSupportedLocaleWallets(locale!)
+
+    const noSupportedLocaleWallets = getNonSupportedLocaleWallets(locale!)
+
     setRandomizedWalletData(
       supportedLocaleWallets.concat(noSupportedLocaleWallets)
     )
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
+  }, [locale])
 
   const updateFilterOption = (key) => {
     const updatedFilters = { ...filters }