Merge pull request #434 from skalenetwork/fix-ui-issues

Update metaport dependency, addressChanged handler
skalenetwork · Dec 9, 2024 · d96492b · d96492b
2 parents 3df153a + 7b2aaa7
commit d96492b
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 7 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
     "@mdx-js/rollup": "^2.3.0",
     "@mui/icons-material": "^5.15.14",
     "@mui/material": "^5.15.14",
-    "@skalenetwork/metaport": "3.1.0-develop.0",
+    "@skalenetwork/metaport": "3.2.0-develop.0",
     "@skalenetwork/skale-contracts-ethers-v6": "1.0.1",
     "@transak/transak-sdk": "^3.1.1",
     "@types/react-copy-to-clipboard": "^5.0.4",

diff --git a/skale-network b/skale-network
diff --git a/src/App.scss b/src/App.scss
@@ -565,8 +565,8 @@ body::-webkit-scrollbar {
 }
 
 code {
+  white-space: pre-wrap;
   overflow: hidden;
-  white-space: nowrap;
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }

diff --git a/src/core/ecosystem/categories.ts b/src/core/ecosystem/categories.ts
@@ -41,7 +41,7 @@ export const categories: Categories = {
   defi: {
     name: 'DeFi',
     subcategories: {
-      dex: { name: 'DEX' },
+      dex: { name: 'DEX' }
     }
   },
   'digital-collectibles': { name: 'Digital Collectibles', subcategories: {} },
@@ -78,7 +78,7 @@ export const categories: Categories = {
   other: { name: 'Other', subcategories: {} },
   partner: { name: 'Partner', subcategories: {} },
   security: { name: 'Security', subcategories: {} },
-  'social': { name: 'Social', subcategories: {} },
+  social: { name: 'Social', subcategories: {} },
   tools: { name: 'Tools', subcategories: {} },
   wallet: { name: 'Wallet', subcategories: {} },
   metaverse: { name: 'Metaverse', subcategories: {} },

diff --git a/src/pages/Bridge.tsx b/src/pages/Bridge.tsx
@@ -36,7 +36,8 @@ import {
   SkPaper,
   type interfaces,
   TransactionData,
-  styles
+  styles,
+  useWagmiAccount
 } from '@skalenetwork/metaport'
 import { type types } from '@/core'
 
@@ -77,9 +78,12 @@ export default function Bridge(props: { isXs: boolean; chainsMeta: types.ChainsM
     token,
     tokens,
     setToken,
-    transactionsHistory
+    transactionsHistory,
+    addressChanged
   } = useMetaportStore((state) => state)
 
+  const { address } = useWagmiAccount()
+
   function validChainName(chainName: string | null): boolean {
     if (!chainName) return false
     return mpc.config.chains.includes(chainName)
@@ -112,6 +116,10 @@ export default function Bridge(props: { isXs: boolean; chainsMeta: types.ChainsM
     updateSearchParams()
   }, [chainName1, chainName2, appName1, appName2, token])
 
+  useEffect(() => {
+    addressChanged()
+  }, [address])
+
   useEffect(() => {
     if (chainName1 && chainName2 && token) return
     const from = searchParams.get('from')