Merge pull request #692 from alleslabs/fix/module-verify

feat: mahalo module verify

CHANGELOG.md

@@ -53,6 +53,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
+- [#692](https://github.com/alleslabs/celatone-frontend/pull/692) Add verify link for mahalo
 - [#675](https://github.com/alleslabs/celatone-frontend/pull/675) Make module links clickable with command/ctrl and add copier for struct names
 - [#674](https://github.com/alleslabs/celatone-frontend/pull/674) Adjust contract list card and microcopies
 - [#672](https://github.com/alleslabs/celatone-frontend/pull/672) Refactor balances

src/config/chain/initia.ts

@@ -26,6 +26,7 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
         enabled: true,
         moduleMaxFileSize: 1_048_576,
         decodeApi: INITIA_DECODER,
+        verify: "https://compiler.mahalo-1.initia.xyz/contracts/verify",
       },
       pool: {
         enabled: false,
@@ -74,6 +75,7 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
         enabled: true,
         moduleMaxFileSize: 1_048_576,
         decodeApi: INITIA_DECODER,
+        verify: "",
       },
       pool: {
         enabled: false,
@@ -171,6 +173,7 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
         enabled: true,
         moduleMaxFileSize: 1_048_576,
         decodeApi: INITIA_DECODER,
+        verify: "https://stone-compiler.initia.tech/contracts/verify",
       },
       pool: {
         enabled: false,

src/config/chain/types.ts

@@ -22,6 +22,7 @@ type MoveConfig =
       enabled: true;
       moduleMaxFileSize: number;
       decodeApi: string;
+      verify: string;
     }
   | { enabled: false };
 

src/lib/components/module/ModuleSourceCode.tsx

@@ -38,7 +38,12 @@ export const ModuleSourceCode = ({ sourceCode }: ModuleSourceCodeProps) => {
               <Text fontWeight={600} variant="body1" color="text.main">
                 Module Source Code
               </Text>
-              <Text fontWeight={600} variant="body2" color="text.dark">
+              <Text
+                fontWeight={600}
+                variant="body2"
+                color="text.dark"
+                textAlign="start"
+              >
                 The source code is uploaded by the deployer and pulled from
                 Initia API
               </Text>

src/lib/pages/module-details/index.tsx

@@ -1,4 +1,5 @@
 import { Flex, Tabs, TabList, TabPanel, TabPanels } from "@chakra-ui/react";
+import { isUndefined } from "lodash";
 import { useRouter } from "next/router";
 import { useState, useCallback, useEffect } from "react";
 
@@ -185,7 +186,8 @@ export const ModuleDetailsBody = ({ moduleData }: ModuleDetailsBodyProps) => {
                 viewFns={moduleData.viewFunctions.length}
                 executeFns={moduleData.executeFunctions.length}
                 allTxsCount={
-                  moduleTxsCount && moduleHistoriesCount
+                  !isUndefined(moduleTxsCount) &&
+                  !isUndefined(moduleHistoriesCount)
                     ? moduleTxsCount + moduleHistoriesCount
                     : undefined
                 }

src/lib/services/move/module.ts

@@ -110,14 +110,12 @@ export interface ModuleVerificationInternal
 }
 
 export const getModuleVerificationStatus = async (
+  endpoint: string,
   address: MoveAccountAddr,
   moduleName: string
 ): Promise<Nullable<ModuleVerificationInternal>> =>
-  // TODO: move url to base api route? wait for celatone api implementation?
   axios
-    .get<ModuleVerificationReturn>(
-      `https://stone-compiler.initia.tech/contracts/verify/${address}/${moduleName}`
-    )
+    .get<ModuleVerificationReturn>(`${endpoint}/${address}/${moduleName}`)
     .then(({ data }) => ({
       ...snakeToCamel(data),
       moduleAddress: data.module_address,

src/lib/services/move/moduleService.ts

@@ -141,12 +141,15 @@ export const useVerifyModule = ({
 }: {
   address: Option<MoveAccountAddr>;
   moduleName: Option<string>;
-}): UseQueryResult<Nullable<ModuleVerificationInternal>> =>
-  useQuery(
-    [CELATONE_QUERY_KEYS.MODULE_VERIFICATION, address, moduleName],
+}): UseQueryResult<Nullable<ModuleVerificationInternal>> => {
+  const move = useMoveConfig({ shouldRedirect: false });
+  const endpoint = move.enabled ? move.verify : "";
+
+  return useQuery(
+    [CELATONE_QUERY_KEYS.MODULE_VERIFICATION, endpoint, address, moduleName],
     () => {
-      if (!address || !moduleName) return null;
-      return getModuleVerificationStatus(address, moduleName);
+      if (!endpoint || !address || !moduleName) return null;
+      return getModuleVerificationStatus(endpoint, address, moduleName);
     },
     {
       enabled: Boolean(address && moduleName),
@@ -155,6 +158,7 @@ export const useVerifyModule = ({
       keepPreviousData: true,
     }
   );
+};
 
 export const useFunctionView = ({
   moduleAddress,