a

orbs-network · Mar 13, 2024 · 7939f60 · 7939f60
1 parent 1e7133b
commit 7939f60
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "@ethersproject/experimental": "^5.7.0",
     "@gelatonetwork/relay-sdk": "^5.5.2",
     "@marcius-capital/binance-api": "^0.2.16",
-    "@orbs-network/liquidity-hub-widget": "0.0.231",
+    "@orbs-network/liquidity-hub-widget": "0.0.232",
     "@rainbow-me/rainbowkit": "^1.0.8",
     "@react-spring/web": "^9.3.0",
     "@reduxjs/toolkit": "^1.9.7",

diff --git a/src/components/App/SpotTrading/TokensList/index.tsx b/src/components/App/SpotTrading/TokensList/index.tsx
@@ -72,12 +72,10 @@ const ListItem = ({ token, selected, balance: _balance }: TokenListItemProps) =>
 
   const balance = useFormatNumber({ value: _balance })
 
-
-
   return (
     <ElementContainer $disabled={selected}>
       <IconContainer>
-        <Image src={token.logoUrl || ''} alt="" width={30} height={30} style={{borderRadius:'50%'}} />
+        <Image src={token.logoUrl || ''} alt="" width={30} height={30} style={{ borderRadius: '50%' }} />
       </IconContainer>
       <RowBetween>
         <ColumnContainer orientation="left">
@@ -117,9 +115,9 @@ export default function TokensList({
 
   return (
     <Container>
-      <Label size="12px">Available Tokens</Label>
+      <Label size="12px">{tokens?.length ? 'Available Tokens' : 'Loading tokens...'}</Label>
       <Wrapper>
-        <LiquidityHubTokenList itemSize={78} onTokenSelect={onTokenSelect} tokens={tokens} ListItem={ListItem} />
+      <LiquidityHubTokenList itemSize={78} onTokenSelect={onTokenSelect} tokens={tokens} ListItem={ListItem} />
       </Wrapper>
     </Container>
   )

diff --git a/yarn.lock b/yarn.lock
@@ -4944,9 +4944,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@orbs-network/liquidity-hub-ui@npm:^0.0.411":
-  version: 0.0.411
-  resolution: "@orbs-network/liquidity-hub-ui@npm:0.0.411"
+"@orbs-network/liquidity-hub-ui@npm:^0.0.413":
+  version: 0.0.413
+  resolution: "@orbs-network/liquidity-hub-ui@npm:0.0.413"
   dependencies:
     "@ethersproject/abstract-signer": ^5.7.0
     "@ethersproject/hash": ^5.7.0
@@ -4968,15 +4968,15 @@ __metadata:
     react-number-format: ">=5.3.1"
     styled-components: ">=6.1.3"
     zustand: ">=4.4.7"
-  checksum: c01579423b1f3f33b3dd3d2c8418a9988628a2d7f65fd5679b4aa6a12a25c70dde109ab9114d28fac5cce925dacad72311537721fafcd1c3a8a27aa2c451ea95
+  checksum: ea969b08563e8a654a27ec03f905dca34867a1386edbdb23f03fb392c1420794ba83f3cd977c31f8a7988d06537e710072fdab8af1e54d226f5cfaed6befe8b0
   languageName: node
   linkType: hard
 
-"@orbs-network/liquidity-hub-widget@npm:0.0.231":
-  version: 0.0.231
-  resolution: "@orbs-network/liquidity-hub-widget@npm:0.0.231"
+"@orbs-network/liquidity-hub-widget@npm:0.0.232":
+  version: 0.0.232
+  resolution: "@orbs-network/liquidity-hub-widget@npm:0.0.232"
   dependencies:
-    "@orbs-network/liquidity-hub-ui": ^0.0.411
+    "@orbs-network/liquidity-hub-ui": ^0.0.413
     ethereum-multicall: ^2.23.0
     react: ^18.2.0
     react-dom: ^18.2.0
@@ -4993,7 +4993,7 @@ __metadata:
     react-number-format: ">=5.3.1"
     styled-components: ">=6.1.3"
     zustand: ">=4.4.7"
-  checksum: 8b07a04cbb26125fc4d02d9bc60dcd471a5802bd3e9cf83ea5fde4033607c29b7431e0bcff386bc7823d75d571eb32a25e834352ec6720c48fce9638a48cbac2
+  checksum: f3f6be1681da263586099ad6fedf18465fc3c11e6dbfef30a19d9d1e5f854ee3a087c04f28a83f1ce4fe56f39033ded0d92deef870faeec276ddd9edf82f858a
   languageName: node
   linkType: hard
 
@@ -16338,7 +16338,7 @@ __metadata:
     "@ethersproject/experimental": ^5.7.0
     "@gelatonetwork/relay-sdk": ^5.5.2
     "@marcius-capital/binance-api": ^0.2.16
-    "@orbs-network/liquidity-hub-widget": 0.0.231
+    "@orbs-network/liquidity-hub-widget": 0.0.232
     "@rainbow-me/rainbowkit": ^1.0.8
     "@react-spring/web": ^9.3.0
     "@reduxjs/toolkit": ^1.9.7