feat: remove unnecessary configs in custom configs

CHANGELOG.md

@@ -78,6 +78,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
+- [#1236](https://github.com/alleslabs/celatone-frontend/pull/1236) Remove unnecessary configs for users in custom network configs
 - [#1228](https://github.com/alleslabs/celatone-frontend/pull/1228) Refactor EVM verification form path and form type location
 - [#1215](https://github.com/alleslabs/celatone-frontend/pull/1215) Bump react wallet widget package to support http endpoints
 - [#1205](https://github.com/alleslabs/celatone-frontend/pull/1205) Improve EVM contract verify page via external verifier

src/lib/layout/network-menu/network-card/NetworkCardCta.tsx

@@ -95,14 +95,15 @@ export const NetworkCardCta = observer(
         {isEditable && (
           <Flex
             {...pinIconStyles}
-            onClick={() =>
+            onClick={(e) => {
+              e.stopPropagation();
               navigate({
                 pathname: "/custom-network/edit/[chainId]",
                 query: {
                   chainId,
                 },
-              })
-            }
+              });
+            }}
           >
             <CustomIcon name="settings" color="gray.600" boxSize={6} />
           </Flex>

src/lib/pages/custom-network/constant.ts

@@ -17,7 +17,7 @@ export const DEFAULT_POOL_CONFIG: ChainConfig["features"]["pool"] = {
 
 export const DEFAULT_PUBLIC_PROJECT_CONFIG: ChainConfig["features"]["publicProject"] =
   {
-    enabled: true,
+    enabled: false,
   };
 
 export const DEFAULT_GOV_CONFIG: ChainConfig["features"]["gov"] = {
@@ -42,10 +42,11 @@ export const DEFAULT_DENOM = "umin";
 
 export const DEFAULT_CUSTOM_MINITIA_NETWORK: Pick<
   ChainConfig,
-  "tier" | "chain" | "network_type" | "extra"
+  "tier" | "chain" | "wallets" | "network_type" | "extra"
 > = {
   tier: "sequencer",
   chain: "initia",
+  wallets: [],
   network_type: "local",
   extra: {
     isValidatorExternalLink: null,

src/lib/pages/custom-network/edit/index.tsx

@@ -1,5 +1,5 @@
 import { Button, Flex, Heading, Stack } from "@chakra-ui/react";
-import { isUndefined, omit } from "lodash";
+import { isUndefined, pick } from "lodash";
 import { useRouter } from "next/router";
 import { useCallback, useMemo } from "react";
 import { z } from "zod";
@@ -57,13 +57,23 @@ interface NetworkConfigBodyProps {
 const NetworkConfigBody = ({ chainId }: NetworkConfigBodyProps) => {
   const { getLocalChainConfig } = useLocalChainConfigStore();
   const chainConfig = getLocalChainConfig(chainId);
-  const json = useMemo(
-    () =>
-      JSON.stringify(
-        omit(chainConfig, ["tier", "wallets", "chain", "extra", "network_type"])
-      ),
-    [chainConfig]
-  );
+  const json = useMemo(() => {
+    if (!chainConfig) return "";
+
+    // NOTE: hardcoding so the order is fixed
+    return JSON.stringify({
+      chainId: chainConfig.chainId,
+      registryChainName: chainConfig.registryChainName,
+      prettyName: chainConfig.prettyName,
+      logo_URIs: chainConfig.logo_URIs,
+      lcd: chainConfig.lcd,
+      rpc: chainConfig.rpc,
+      features: pick(chainConfig.features, ["wasm", "move", "evm"]),
+      gas: chainConfig.gas,
+      fees: chainConfig.fees,
+      registry: chainConfig.registry,
+    });
+  }, [chainConfig]);
 
   const handleExportJson = useCallback(() => {
     const blob = new Blob([json], {

src/lib/pages/custom-network/types.ts

@@ -8,12 +8,15 @@ import {
   zAsset,
   zChainConfig,
   zDenomUnit,
+  zEvmConfig,
   zFeeToken,
   zGasConfig,
   zGasConfigCosts,
   zHttpsUrl,
+  zMoveConfig,
   zNumberInput,
   zRegistry,
+  zWasmConfig,
 } from "lib/types";
 
 import {
@@ -367,7 +370,6 @@ export const zAddNetworkManualChainConfigJson = ({
       assets,
     }: AddNetworkManualForm) => ({
       ...DEFAULT_CUSTOM_MINITIA_NETWORK,
-      wallets: [],
       chainId,
       registryChainName,
       prettyName,
@@ -414,9 +416,6 @@ export const zAddNetworkManualChainConfigJson = ({
       registry: {
         bech32_prefix,
         slip44,
-        staking: {
-          staking_tokens: [],
-        },
         assets: assets.map(({ name, base, symbol, denoms }) => ({
           name,
           base,
@@ -445,15 +444,29 @@ export const zAddNetworkJsonChainConfigJson = zChainConfig
     logo_URIs: true,
     lcd: true,
     rpc: true,
-    wallets: true,
-    features: true,
     gas: true,
     fees: true,
     registry: true,
   })
-  .transform<ChainConfig>((val) => ({
+  .extend({
+    features: z.object({
+      wasm: zWasmConfig,
+      move: zMoveConfig,
+      evm: zEvmConfig,
+    }),
+  })
+  .transform<ChainConfig>(({ features, ...val }) => ({
     ...val,
     ...DEFAULT_CUSTOM_MINITIA_NETWORK,
+    features: {
+      ...features,
+      pool: DEFAULT_POOL_CONFIG,
+      publicProject: DEFAULT_PUBLIC_PROJECT_CONFIG,
+      gov: DEFAULT_GOV_CONFIG,
+      nft: {
+        enabled: features.move.enabled,
+      },
+    },
   }));
 
 export type AddNetworkJsonChainConfigJson = z.infer<
@@ -489,7 +502,6 @@ export const zAddNetworkLinkChainConfigJson = z
       chainId: val.chainId,
       registryChainName: val.chainId,
       prettyName: capitalize(val.chainId),
-      wallets: [],
       lcd: val.lcd,
       rpc: val.rpc,
       features: {
@@ -523,9 +535,6 @@ export const zAddNetworkLinkChainConfigJson = z
       registry: {
         bech32_prefix: bech32Prefix,
         slip44: DEFAULT_SLIP44,
-        staking: {
-          staking_tokens: [],
-        },
         assets: [],
       },
     };

src/lib/types/chainConfig.ts

@@ -15,7 +15,7 @@ export const zNumberInput = z.preprocess(
   })
 );
 
-const zWasmConfig = z.union([
+export const zWasmConfig = z.union([
   z.object({
     enabled: z.literal(true),
     storeCodeMaxFileSize: z.number(),
@@ -26,7 +26,7 @@ const zWasmConfig = z.union([
   }),
 ]);
 
-const zMoveConfig = z.union([
+export const zMoveConfig = z.union([
   z.object({
     enabled: z.literal(true),
     moduleMaxFileSize: z.number(),
@@ -36,7 +36,7 @@ const zMoveConfig = z.union([
   }),
 ]);
 
-const zEvmConfig = z.union([
+export const zEvmConfig = z.union([
   z.object({
     enabled: z.literal(true),
     jsonRpc: zHttpsUrl,