chore(deps): bump cosmossdk.io/errors from 1.0.0 to 1.0.1 (#1025) (#1086

) Bumps [cosmossdk.io/errors](https://github.com/cosmos/cosmos-sdk) from 1.0.0 to 1.0.1. - [Release notes](https://github.com/cosmos/cosmos-sdk/releases) - [Changelog](https://github.com/cosmos/cosmos-sdk/blob/main/CHANGELOG.md) - [Commits](cosmos/cosmos-sdk@log/v1.0.0...math/v1.0.1) --- updated-dependencies: - dependency-name: cosmossdk.io/errors dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> finish intents fix intent match fix custom weight size remove under construction image add more mobile resisizng, prepare assets grid for main net rewards queries, remove Three chore(deps): bump cosmjs-types from 0.5.0 to 0.9.0 in /web-ui (#998) Bumps [cosmjs-types](https://github.com/confio/cosmjs-types) from 0.5.0 to 0.9.0. - [Changelog](https://github.com/confio/cosmjs-types/blob/main/CHANGELOG.md) - [Commits](confio/cosmjs-types@v0.5.0...v0.9.0) --- updated-dependencies: - dependency-name: cosmjs-types dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps-dev): bump @types/react-dom from 18.0.9 to 18.2.18 in /web-ui (#1008) Bumps [@types/react-dom](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react-dom) from 18.0.9 to 18.2.18. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react-dom) --- updated-dependencies: - dependency-name: "@types/react-dom" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps): bump framer-motion from 9.0.7 to 10.18.0 in /web-ui (#1026) Bumps [framer-motion](https://github.com/framer/motion) from 9.0.7 to 10.18.0. - [Changelog](https://github.com/framer/motion/blob/main/CHANGELOG.md) - [Commits](motiondivision/motion@v9.0.7...v10.18.0) --- updated-dependencies: - dependency-name: framer-motion dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps): bump remixicon from 3.7.0 to 4.0.1 in /web-ui (#931) Bumps [remixicon](https://github.com/Remix-Design/remixicon) from 3.7.0 to 4.0.1. - [Release notes](https://github.com/Remix-Design/remixicon/releases) - [Commits](https://github.com/Remix-Design/remixicon/commits) --- updated-dependencies: - dependency-name: remixicon dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps): bump @tanstack/react-query-devtools in /web-ui (#1029) Bumps [@tanstack/react-query-devtools](https://github.com/TanStack/query/tree/HEAD/packages/react-query-devtools) from 4.36.1 to 5.17.9. - [Release notes](https://github.com/TanStack/query/releases) - [Commits](https://github.com/TanStack/query/commits/v5.17.9/packages/react-query-devtools) --- updated-dependencies: - dependency-name: "@tanstack/react-query-devtools" dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps-dev): bump @types/node from 20.10.6 to 20.11.0 in /web-ui (#1022) Bumps [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) from 20.10.6 to 20.11.0. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node) --- updated-dependencies: - dependency-name: "@types/node" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps): bump react-markdown from 8.0.7 to 9.0.1 in /web-ui (#1016) Bumps [react-markdown](https://github.com/remarkjs/react-markdown) from 8.0.7 to 9.0.1. - [Release notes](https://github.com/remarkjs/react-markdown/releases) - [Changelog](https://github.com/remarkjs/react-markdown/blob/main/changelog.md) - [Commits](remarkjs/react-markdown@8.0.7...9.0.1) --- updated-dependencies: - dependency-name: react-markdown dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps): bump react-icons from 4.12.0 to 5.0.1 in /web-ui (#1023) Bumps [react-icons](https://github.com/react-icons/react-icons) from 4.12.0 to 5.0.1. - [Release notes](https://github.com/react-icons/react-icons/releases) - [Commits](react-icons/react-icons@v4.12.0...v5.0.1) --- updated-dependencies: - dependency-name: react-icons dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> chore(deps): bump golang.org/x/tools from 0.16.1 to 0.17.0 (#1030) Bumps [golang.org/x/tools](https://github.com/golang/tools) from 0.16.1 to 0.17.0. - [Release notes](https://github.com/golang/tools/releases) - [Commits](golang/tools@v0.16.1...v0.17.0) --- updated-dependencies: - dependency-name: golang.org/x/tools dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> finish claim transaction add rewards claim UI, transactions, & queries add drawer controller for wallet modal, add filter for defi table Merge branch 'main' into bunDev2 add better styles to filter buttons Merge branch 'bunDev2' of https://github.com/quicksilver-zone/quicksilver into bunDev2 change deploy workflow branch fix webui deploy branch clean up code, make intent setting safer fix staking util types make intent memo safer remove useless null & unused imports remove console log finish authz tx fix portfolio percentage width fix spinner size in defi table match all button styles rename main app component fix mobile menu links add juno, fix somm add cosmjs override dependency updates bump dependencies to fix tm0.37 issue add docs url hide PP and link about to quicksilver.zone add default text if no intent set add asset page info hovers, fix wallet styles in theme, update to usechains for wallet connect, add correct address for claims backend fix linting, lint remove broken leap metamask snaps remove /quicksilver from url fix resizing a ordering add udpated icons add secret & umee to wallet connect. remove secret fix icons before launch remove airdrop page use updated quicksilverjs fix IBC, change icon contrast add logo to staking page fix side header highlights fix asset amount loading loop better hover styles for side header components remove deprecated packages, lint revert lockfile changes fix gov prop search lint fix wallet errors, fix mobile wallet, move wallet button fix mobile wallet, change side header colors change metadata update update twitter logo, fix mobile social links bump quicksilverjs add logo to other pages add tooltip arrow color fix flicker, update state for portfolio, fix wallet connect state, fix 0% apr quicksilverjs v1.1.0 fix sort order fix sort order remove legacy env vars reduce fees use env var for /defi api remove qs logo from assets page hide all qassets until we have claims enabled change alignment of qck balance re-add assets, but hide empty rows show the full grid prettify the qasset lint fix lockfile fix ibc withdraw dest address rework xcc authz notice update tooltip for non-native assets lint more fixes refine gas prices fix send fee show tokenized shares regardless of delegations, update tokenized share send denom change unstaking tokens available denom add tx events, fetch denom from events fix linting mobile modals fix qs branding positons, add more mobile breakpoint resizing finish breakpoints move qs logo slightly
quicksilver-zone · Jan 24, 2024 · d1e97fa · d1e97fa
1 parent b646301
commit d1e97fa
Show file tree

Hide file tree

Showing 66 changed files with 1,182 additions and 973 deletions.
diff --git a/web-ui/.env b/web-ui/.env
@@ -11,13 +11,11 @@ NEXT_PUBLIC_MAINNET_LCD_ENDPOINT_REGEN="https://lcd.regen-1.quicksilver.zone"
 NEXT_PUBLIC_MAINNET_RPC_ENDPOINT_REGEN="https://rpc.regen-1.quicksilver.zone"
 NEXT_PUBLIC_MAINNET_LCD_ENDPOINT_SOMMELIER="https://lcd.sommelier-3.quicksilver.zone"
 NEXT_PUBLIC_MAINNET_RPC_ENDPOINT_SOMMELIER="https://rpc.sommelier-3.quicksilver.zone"
+NEXT_PUBLIC_MAINNET_LCD_ENDPOINT_JUNO="https://lcd.juno-1.quicksilver.zone"
+NEXT_PUBLIC_MAINNET_RPC_ENDPOINT_JUNO="https://rpc.juno-1.quicksilver.zone"
 NEXT_PUBLIC_QUICKSILVER_API="https://lcd.quicksilver.zone"
 NEXT_PUBLIC_QUICKSILVER_DATA_API="https://data.quicksilver.zone"
 ZONE_URL="quicksilver.zone"
-REACT_APP_WHITELISTED_ZONES="osmosis-1,stargaze-1,regen-1,cosmoshub-4,sommelier-3"
-REACT_APP_ENABLE_UNBONDING="true"
-REACT_APP_ENABLE_SET_INTENT="true"
-REACT_APP_ENABLE_CLAIMS="true"
 APY_ZONES_ENDPOINT = "https://chains.cosmos.directory"
 NEXT_PUBLIC_OSMOSIS_API="https://api.osmosis.zone"
 NEXT_PUBLIC_WHITELISTED_DENOM="uatom,ustars,uosmo,usomm,uregen"
@@ -26,4 +24,5 @@ NEXT_PUBLIC_COSMOSHUB_CHAIN_ID=cosmoshub-4
 NEXT_PUBLIC_OSMOSIS_CHAIN_ID=osmosis-1
 NEXT_PUBLIC_STARGAZE_CHAIN_ID=stargaze-1
 NEXT_PUBLIC_REGEN_CHAIN_ID=regen-1
-NEXT_PUBLIC_SOMMELIER_CHAIN_ID=sommelier-3
+NEXT_PUBLIC_SOMMELIER_CHAIN_ID=sommelier-3
+NEXT_PUBLIC_JUNO_CHAIN_ID=juno-1
diff --git a/web-ui/.env.development b/web-ui/.env.development
@@ -14,10 +14,6 @@
 # NEXT_PUBLIC_QUICKSILVER_API="https://lcd.test.quicksilver.zone"
 # NEXT_PUBLIC_QUICKSILVER_DATA_API="https://data.test.quicksilver.zone"
 # ZONE_URL="quicksilver.zone"
-# REACT_APP_WHITELISTED_ZONES="osmosis-1,stargaze-1,regen-1,cosmoshub-4,sommelier-3"
-# REACT_APP_ENABLE_UNBONDING="true"  
-# REACT_APP_ENABLE_SET_INTENT="true"
-# REACT_APP_ENABLE_CLAIMS="true"
 # APY_ZONES_ENDPOINT = "https://chains.cosmos.directory"
 # NEXT_PUBLIC_OSMOSIS_API="https://api.osmosis.zone"
 # NEXT_PUBLIC_WHITELISTED_DENOM="uatom,ustars,uosmo,usomm,uregen"

diff --git a/web-ui/.eslintrc.json b/web-ui/.eslintrc.json
@@ -1,5 +1,5 @@
 {
-  "extends": "next/babel",
+  "extends": "next/core-web-vitals",
   "plugins": ["import"],
   "rules": {
     "import/order": [

diff --git a/web-ui/bun.lockb b/web-ui/bun.lockb
diff --git a/web-ui/components/Assets/assetsGrid.tsx b/web-ui/components/Assets/assetsGrid.tsx
@@ -1,10 +1,12 @@
-import { Box, VStack, Text, Divider, HStack, Flex, Grid, GridItem, Spinner } from '@chakra-ui/react';
+import { WarningIcon } from '@chakra-ui/icons';
+import { Box, VStack, Text, Divider, HStack, Flex, Grid, GridItem, Spinner, Tooltip } from '@chakra-ui/react';
 import React from 'react';
 
+import { shiftDigits, formatQasset } from '@/utils';
+
 import QDepositModal from './modals/qTokenDepositModal';
 import QWithdrawModal from './modals/qTokenWithdrawlModal';
 
-import { shiftDigits } from '@/utils';
 
 interface AssetCardProps {
   assetName: string;
@@ -48,12 +50,17 @@ type LiquidRewardsData = {
   errors: Errors;
 };
 
-const AssetCard: React.FC<AssetCardProps> = ({ assetName, balance, apy, nativeAssetName, isWalletConnected, nonNative }) => {
+function truncateToTwoDecimals(num: number) {
+  const multiplier = Math.pow(10, 2);
+  return Math.floor(num * multiplier) / multiplier;
+}
+
+const AssetCard: React.FC<AssetCardProps> = ({ assetName, balance, apy }) => {
   const calculateTotalBalance = (nonNative: LiquidRewardsData | undefined, nativeAssetName: string) => {
     if (!nonNative) {
       return '0';
     }
-    const chainIds = ['osmosis-1', 'secret-1', 'umee-1', 'cosmoshub-4', 'stargaze-1', 'sommelier-3', 'regen-1'];
+    const chainIds = ['osmosis-1', 'secret-1', 'umee-1', 'cosmoshub-4', 'stargaze-1', 'sommelier-3', 'regen-1', 'juno-1'];
     let totalAmount = 0;
 
     chainIds.forEach((chainId) => {
@@ -71,15 +78,15 @@ const AssetCard: React.FC<AssetCardProps> = ({ assetName, balance, apy, nativeAs
     return shiftDigits(totalAmount.toString(), -6); // Adjust the shift as per your data's scale
   };
 
-  const nativeAssets = nonNative?.assets['rhye-2']
-    ? nonNative.assets['rhye-2'][0].Amount.find((amount) => amount.denom === `uq${nativeAssetName.toLowerCase()}`)
-    : undefined;
+  // const nativeAssets = nonNative?.assets['quicksilver-2']
+  //   ? nonNative.assets['quicksilver-2'][0].Amount.find((amount) => amount.denom === `uq${nativeAssetName.toLowerCase()}`)
+  //   : undefined;
 
-  const formattedNonNativeBalance = calculateTotalBalance(nonNative, nativeAssetName);
+  // const formattedNonNativeBalance = calculateTotalBalance(nonNative, nativeAssetName);
 
-  const formattedNativebalance = nativeAssets ? shiftDigits(nativeAssets.amount, -6) : '0';
+  // const formattedNativebalance = nativeAssets ? shiftDigits(nativeAssets.amount, -6) : '0';
 
-  if (!balance || !apy) {
+  if (balance === undefined || balance === null || apy === undefined || apy === null) {
     return (
       <Flex
         w="100%"
@@ -96,6 +103,7 @@ const AssetCard: React.FC<AssetCardProps> = ({ assetName, balance, apy, nativeAs
       </Flex>
     );
   }
+
   return (
     <VStack bg={'rgba(255,255,255,0.1)'} p={4} boxShadow="lg" align="center" spacing={4} borderRadius="lg">
       <VStack w="full" align="center" alignItems={'center'} spacing={3}>
@@ -108,7 +116,7 @@ const AssetCard: React.FC<AssetCardProps> = ({ assetName, balance, apy, nativeAs
               APY:
             </Text>
             <Text fontSize="md" fontWeight="bold" isTruncated>
-              {shiftDigits(apy.toFixed(2), 2)}%
+              {truncateToTwoDecimals(Number(shiftDigits(apy, 2)))}%
             </Text>
           </HStack>
         </HStack>
@@ -121,19 +129,18 @@ const AssetCard: React.FC<AssetCardProps> = ({ assetName, balance, apy, nativeAs
           </GridItem>
           <GridItem>
             <Text fontSize="md" textAlign="right" fontWeight="semibold">
-              {formattedNativebalance}
+              {balance.toString()} {assetName}
             </Text>
           </GridItem>
-          <GridItem>
+          {/*<GridItem>
             <Text fontSize="md" textAlign="left">
               NON-NATIVE:
             </Text>
           </GridItem>
           <GridItem>
             <Text fontSize="md" textAlign="right" fontWeight="semibold">
-              {formattedNonNativeBalance}
             </Text>
-          </GridItem>
+          </GridItem>*/}
         </Grid>
       </VStack>
 
@@ -148,9 +155,14 @@ const AssetCard: React.FC<AssetCardProps> = ({ assetName, balance, apy, nativeAs
 const AssetsGrid: React.FC<AssetGridProps> = ({ assets, isWalletConnected, nonNative }) => {
   return (
     <>
-      <Text fontSize="xl" fontWeight="bold" color="white" mb={4}>
-        qAssets
-      </Text>
+      <HStack alignItems="center" mb={4}>
+        <Text fontSize="xl" fontWeight="bold" color="white">
+          qAssets
+        </Text>
+        <Tooltip label={'Non-native qAsset amounts will not be displayed here until Cross chain claims (XCC) is configured by governance.'}>
+          <WarningIcon alignSelf={'center'} color="complimentary.900" />
+        </Tooltip>
+      </HStack>
       {!isWalletConnected && (
         <Flex
           backdropFilter="blur(50px)"
@@ -169,22 +181,24 @@ const AssetsGrid: React.FC<AssetGridProps> = ({ assets, isWalletConnected, nonNa
         </Flex>
       )}
       {isWalletConnected && (
-        <Box overflowX="auto" w="full">
-          <Flex gap="8">
-            {assets.map((asset, index) => (
-              <Box key={index} minW="350px">
-                <AssetCard
-                  isWalletConnected={isWalletConnected}
-                  assetName={asset.name}
-                  nativeAssetName={asset.native}
-                  balance={asset.balance}
-                  apy={asset.apy}
-                  nonNative={nonNative}
-                />
-              </Box>
-            ))}
-          </Flex>
-        </Box>
+        <Grid
+          templateColumns={{ base: 'repeat(1, 1fr)', sm: 'repeat(1, 1fr)', md: 'repeat(1, 1fr)', lg: 'repeat(3, 1fr)' }}
+          gap={8}
+          w="100%"
+        >
+          {assets.map((asset, index) => (
+            <Box key={index} minW="350px">
+              <AssetCard
+                isWalletConnected={isWalletConnected}
+                assetName={formatQasset(asset.name)}
+                nativeAssetName={asset.native}
+                balance={asset.balance}
+                apy={asset.apy}
+                nonNative={nonNative}
+              />
+            </Box>
+          ))}
+        </Grid>
       )}
     </>
   );

diff --git a/web-ui/components/Assets/intents.tsx b/web-ui/components/Assets/intents.tsx
@@ -12,16 +12,17 @@ import {
   Spinner,
   SkeletonCircle,
   SkeletonText,
+  Center,
 } from '@chakra-ui/react';
-
 import { Key, useState } from 'react';
 
-import SignalIntentModal from './modals/signalIntentProcess';
-
 import { useIntentQuery, useValidatorLogos, useValidatorsQuery } from '@/hooks/useQueries';
 import { networks as prodNetworks, testNetworks as devNetworks } from '@/state/chains/prod';
 import { truncateString } from '@/utils';
 
+import SignalIntentModal from './modals/signalIntentProcess';
+
+
 export interface StakingIntentProps {
   address: string;
   isWalletConnected: boolean;
@@ -30,7 +31,7 @@ export interface StakingIntentProps {
 const StakingIntent: React.FC<StakingIntentProps> = ({ address, isWalletConnected }) => {
   const networks = process.env.NEXT_PUBLIC_CHAIN_ENV === 'mainnet' ? prodNetworks : devNetworks;
 
-  const chains = ['Cosmos', 'Osmosis', 'Stargaze', 'Regen', 'Sommelier'];
+  const chains = ['Cosmos', 'Osmosis', 'Stargaze', 'Regen', 'Sommelier', 'Juno'];
   const [currentChainIndex, setCurrentChainIndex] = useState(0);
 
   const [isSignalIntentModalOpen, setIsSignalIntentModalOpen] = useState(false);
@@ -157,49 +158,54 @@ const StakingIntent: React.FC<StakingIntentProps> = ({ address, isWalletConnecte
           />
         </Flex>
 
-        <VStack pb={4} overflowY="auto" gap={4} spacing={2} align="stretch" maxH="250px">
-          {validatorsWithDetails.map(
-            (validator: { logoUrl: string; moniker: string; percentage: string }, index: Key | null | undefined) => (
-              <Flex key={index} justifyContent="space-between" w="full" alignItems="center">
-                <Flex alignItems="center" gap={2}>
-                  {validator.logoUrl ? (
-                    <Image
-                      borderRadius={'full'}
-                      src={validator.logoUrl}
-                      alt={validator.moniker}
-                      boxSize="26px"
-                      objectFit="cover"
-                      marginRight="8px"
-                    />
-                  ) : (
-                    <SkeletonCircle
-                      boxSize="26px"
-                      objectFit="cover"
-                      marginRight="8px"
-                      display="inline-block"
-                      verticalAlign="middle"
-                      startColor="complimentary.900"
-                      endColor="complimentary.100"
-                    />
-                  )}
-                  {validator.moniker ? (
-                    <Text fontSize="md">{truncateString(validator.moniker, 20)}</Text>
-                  ) : (
-                    <SkeletonText
-                      display="inline-block"
-                      verticalAlign="middle"
-                      startColor="complimentary.900"
-                      endColor="complimentary.100"
-                      noOfLines={1}
-                      width="100px"
-                    />
-                  )}
+        <VStack pb={4} overflowY="auto" className="custom-scrollbar" gap={4} spacing={2} align="stretch" maxH="250px">
+          {(validatorsWithDetails.length > 0 &&
+            validatorsWithDetails.map(
+              (validator: { logoUrl: string; moniker: string; percentage: string }, index: Key | null | undefined) => (
+                <Flex key={index} justifyContent="space-between" w="full" alignItems="center">
+                  <Flex alignItems="center" gap={2}>
+                    {validator.logoUrl ? (
+                      <Image
+                        borderRadius={'full'}
+                        src={validator.logoUrl}
+                        alt={validator.moniker}
+                        boxSize="26px"
+                        objectFit="cover"
+                        marginRight="8px"
+                      />
+                    ) : (
+                      <SkeletonCircle
+                        boxSize="26px"
+                        objectFit="cover"
+                        marginRight="8px"
+                        display="inline-block"
+                        verticalAlign="middle"
+                        startColor="complimentary.900"
+                        endColor="complimentary.100"
+                      />
+                    )}
+                    {validator.moniker ? (
+                      <Text fontSize="md">{truncateString(validator.moniker, 20)}</Text>
+                    ) : (
+                      <SkeletonText
+                        display="inline-block"
+                        verticalAlign="middle"
+                        startColor="complimentary.900"
+                        endColor="complimentary.100"
+                        noOfLines={1}
+                        width="100px"
+                      />
+                    )}
+                  </Flex>
+                  <Text fontSize="lg" fontWeight="bold">
+                    {validator.percentage}
+                  </Text>
                 </Flex>
-                <Text fontSize="lg" fontWeight="bold">
-                  {validator.percentage}
-                </Text>
-              </Flex>
-            ),
+              ),
+            )) || (
+            <Center mt={6}>
+              <Text fontSize="xl">No intent set</Text>
+            </Center>
           )}
         </VStack>
       </VStack>

diff --git a/web-ui/components/Assets/modals/qTokenDepositModal.tsx b/web-ui/components/Assets/modals/qTokenDepositModal.tsx
@@ -14,11 +14,11 @@ import {
   useToast,
   Spinner,
 } from '@chakra-ui/react';
-import { ibc } from '@chalabi/quicksilverjs';
 import { StdFee, coins } from '@cosmjs/stargate';
 import { ChainName } from '@cosmos-kit/core';
 import { useChain, useManager } from '@cosmos-kit/react';
 import BigNumber from 'bignumber.js';
+import { ibc } from 'quicksilverjs';
 import { useState, useMemo, useEffect } from 'react';
 
 import { ChooseChain } from '@/components/react/choose-chain';
@@ -42,7 +42,7 @@ const QDepositModal: React.FC<QDepositModalProps> = ({ token }) => {
   const [isLoading, setIsLoading] = useState(false);
 
   const chainOptions = useMemo(() => {
-    const desiredChains = ['osmosis', 'secretnetwork', 'umee'];
+    const desiredChains = ['osmosis', 'umee'];
     return chainRecords
       .filter((chainRecord) => desiredChains.includes(chainRecord.name))
       .map((chainRecord) => ({
@@ -101,7 +101,7 @@ const QDepositModal: React.FC<QDepositModalProps> = ({ token }) => {
       const chain = chainName as ChainDenomMappingKeys;
       const chainDenoms = ibcDenomDepositMapping[chain];
 
-      if (token in chainDenoms) {
+      if (chainDenoms && token in chainDenoms) {
         return chainDenoms[token as TokenKeys];
       }