fix: fallback explorer link for validator/proposal and gov params tok…

…en symbol

CHANGELOG.md

@@ -77,6 +77,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#400](https://github.com/alleslabs/celatone-frontend/pull/400) Fallback explorer link for validator/proposal and gov params token symbol
 - [#395](https://github.com/alleslabs/celatone-frontend/pull/395) Disable wasm related tabs on the account detail page
 - [#392](https://github.com/alleslabs/celatone-frontend/pull/392) Fix format denom function
 - [#390](https://github.com/alleslabs/celatone-frontend/pull/390) Fix minor styling

src/config/index.ts

@@ -178,8 +178,8 @@ export const CHAIN_CONFIGS: ChainConfigs = {
         "osmovaloper1hh0g5xf23e5zekg45cmerc97hs4n2004dy2t26" as ValidatorAddr,
     },
     explorerLink: {
-      validator: "https://www.mintscan.io/osmosis/validators",
-      proposal: "https://www.mintscan.io/osmosis/proposals",
+      validator: "",
+      proposal: "",
     },
   },
 };

src/lib/components/EstimatedFeeRender.tsx

@@ -26,7 +26,11 @@ export const EstimatedFeeRender = ({
   const chainAssetInfo = getAssetInfo(coin.denom);
   return (
     <>
-      {formatBalanceWithDenom({ coin, precision: chainAssetInfo?.precision })}
+      {formatBalanceWithDenom({
+        coin,
+        precision: chainAssetInfo?.precision,
+        symbol: chainAssetInfo?.symbol,
+      })}
     </>
   );
 };

src/lib/components/ExplorerLink.tsx

@@ -5,6 +5,7 @@ import type { ExplorerConfig } from "config/types";
 import type { AddressReturnType } from "lib/app-provider";
 import { useCelatoneApp } from "lib/app-provider/contexts";
 import { useCurrentChain } from "lib/app-provider/hooks/useCurrentChain";
+import { useLCDEndpoint } from "lib/app-provider/hooks/useLCDEndpoint";
 import { AmpTrackMintscan } from "lib/services/amplitude";
 import type { Option } from "lib/types";
 import { truncate } from "lib/utils";
@@ -35,7 +36,8 @@ interface ExplorerLinkProps extends BoxProps {
 const getNavigationUrl = (
   type: ExplorerLinkProps["type"],
   explorerConfig: ExplorerConfig,
-  value: string
+  value: string,
+  lcdEndpoint: string
 ) => {
   let url = "";
   switch (type) {
@@ -49,7 +51,9 @@ const getNavigationUrl = (
       url = "/accounts";
       break;
     case "validator_address":
-      url = explorerConfig.validator;
+      url =
+        explorerConfig.validator ||
+        `${lcdEndpoint}/cosmos/staking/v1beta1/validators`;
       break;
     case "code_id":
       url = "/codes";
@@ -58,7 +62,9 @@ const getNavigationUrl = (
       url = "/blocks";
       break;
     case "proposal_id":
-      url = explorerConfig.proposal;
+      url =
+        explorerConfig.proposal ||
+        `${lcdEndpoint}/cosmos/gov/v1beta1/proposals`;
       break;
     case "invalid_address":
       return "";
@@ -153,6 +159,7 @@ export const ExplorerLink = ({
   ...componentProps
 }: ExplorerLinkProps) => {
   const { address } = useCurrentChain();
+  const lcdEndpoint = useLCDEndpoint();
   const {
     chainConfig: { explorerLink: explorerConfig },
   } = useCelatoneApp();
@@ -165,7 +172,7 @@ export const ExplorerLink = ({
     type === "block_height";
 
   const [hrefLink, textValue] = [
-    getNavigationUrl(type, explorerConfig, copyValue || value),
+    getNavigationUrl(type, explorerConfig, copyValue || value, lcdEndpoint),
     getValueText(value === address, textFormat === "truncate", value),
   ];
 

src/lib/components/table/proposals/ProposalsTableRow.tsx

@@ -2,7 +2,7 @@ import type { DividerProps, GridProps } from "@chakra-ui/react";
 import { Grid } from "@chakra-ui/react";
 
 import { TableRow, TableRowFreeze } from "../tableComponents";
-import { useCelatoneApp } from "lib/app-provider";
+import { useCelatoneApp, useLCDEndpoint } from "lib/app-provider";
 import { ExplorerLink } from "lib/components/ExplorerLink";
 import { StopPropagationBox } from "lib/components/StopPropagationBox";
 import { Proposer } from "lib/components/table/proposals/Proposer";
@@ -32,6 +32,7 @@ export const ProposalsTableRow = ({
       explorerLink: { proposal: explorerProposal },
     },
   } = useCelatoneApp();
+  const lcdEndpoint = useLCDEndpoint();
 
   // TODO - Revisit split columnsWidth
   const columnsWidth = templateColumns?.toString().split(" ");
@@ -59,7 +60,9 @@ export const ProposalsTableRow = ({
                 status: proposal.status,
               });
               openNewTab(
-                `${explorerProposal}/${proposal.proposalId.toString()}`
+                explorerProposal
+                  ? `${explorerProposal}/${proposal.proposalId.toString()}`
+                  : `${lcdEndpoint}/cosmos/gov/v1beta1/proposals/${proposal.proposalId.toString()}`
               );
             }
           : undefined

src/lib/components/tx/modal/ButtonSection.tsx

@@ -1,7 +1,11 @@
 import { Button } from "@chakra-ui/react";
 import { useRouter } from "next/router";
 
-import { useInternalNavigate, useCelatoneApp } from "lib/app-provider";
+import {
+  useInternalNavigate,
+  useCelatoneApp,
+  useLCDEndpoint,
+} from "lib/app-provider";
 import { CustomIcon } from "lib/components/icon";
 import { openNewTab, useOpenTxTab } from "lib/hooks";
 import type { ActionVariant, TxReceipt } from "lib/types";
@@ -26,6 +30,7 @@ export const ButtonSection = ({
       explorerLink: { proposal: explorerProposal },
     },
   } = useCelatoneApp();
+  const lcdEndpoint = useLCDEndpoint();
 
   const openTxExplorer = () => {
     const txHash = receipts
@@ -39,7 +44,11 @@ export const ButtonSection = ({
     const proposalId = receipts
       .find((r) => r.title === "Proposal ID")
       ?.value?.toString();
-    openNewTab(`${explorerProposal}/${proposalId}`);
+    openNewTab(
+      explorerProposal
+        ? `${explorerProposal}/${proposalId}`
+        : `${lcdEndpoint}/cosmos/gov/v1beta1/proposals/${proposalId}`
+    );
     onClose?.();
   };
 

src/lib/services/contractService.ts

@@ -121,7 +121,7 @@ export const useInstantiatedListByUserQuery = (
   return useQuery(
     ["instantiated_list_by_user", walletAddr, indexerGraphClient],
     queryFn,
-    { enabled: !!walletAddr }
+    { enabled: !!walletAddr, refetchOnWindowFocus: false }
   );
 };
 

src/lib/services/proposalService.ts

@@ -330,6 +330,7 @@ export const useGovParams = (): UseQueryResult<GovParams> => {
               formattedToken: formatBalanceWithDenom({
                 coin: minDepositParam,
                 precision: assetInfo?.precision,
+                symbol: assetInfo?.symbol,
               }),
               precision: assetInfo?.precision ?? 0,
             },