fix: evm contract address example

src/lib/app-provider/hooks/useExampleAddresses.ts

@@ -1,35 +1,32 @@
-import { toBech32 } from "@cosmjs/encoding";
+import { toBech32, toHex } from "@cosmjs/encoding";
 import { useMemo } from "react";
 
 import type { BechAddr20, BechAddr32 } from "lib/types";
-import { addrToValoper, bech32AddressToHex } from "lib/utils";
+import { addrToValoper } from "lib/utils";
 
 import { useCurrentChain } from "./useCurrentChain";
 
 export const useExampleAddresses = () => {
   const { bech32Prefix } = useCurrentChain();
 
   const generateExampleAddresses = () => {
-    const bytes = Array.from(Array(32).keys());
-    const user = toBech32(
-      bech32Prefix,
-      Uint8Array.from(bytes.slice(0, 20))
-    ) as BechAddr20;
+    const bytes32 = Array.from(Array(32).keys());
+    const bytes20 = bytes32.slice(0, 20);
+    const user = toBech32(bech32Prefix, Uint8Array.from(bytes20)) as BechAddr20;
 
     // reverse the bytes so the initial characters are different from the user address
-    const contractBech = toBech32(
+    const evmContract = "0x" + toHex(Uint8Array.from(bytes20).reverse());
+    const wasmContract = toBech32(
       bech32Prefix,
-      Uint8Array.from(bytes.reverse())
+      Uint8Array.from(bytes32.reverse())
     ) as BechAddr32;
 
-    const contractHex = bech32AddressToHex(contractBech);
-
     const validator = addrToValoper(user);
 
     return {
       user,
-      contractBech,
-      contractHex,
+      wasmContract,
+      evmContract,
       validator,
     };
   };

src/lib/components/ContractInputSection.tsx

@@ -26,7 +26,7 @@ export const ContractInputSection = ({
 }: ContractInputSectionProps) => {
   const [isChangeContract, setIsChangeContract] = useState(false);
   const { address } = useCurrentChain();
-  const { contractBech: contractExample } = useExampleAddresses();
+  const { wasmContract: contractExample } = useExampleAddresses();
   const { control, setValue, watch } = useForm({
     defaultValues: {
       contractAddress: "",

src/lib/components/dropzone/index.tsx

@@ -48,6 +48,7 @@ export function DropZone({
       wasm: wasm.enabled ? wasm.storeCodeMaxFileSize : 0,
       mv: move.enabled ? move.moduleMaxFileSize : 0,
       toml: 1_000_000,
+      // TODO - Revisit
       vy: 10_000_000,
     };
 

src/lib/components/modal/contract/SaveNewContract.tsx

@@ -39,7 +39,7 @@ export function SaveNewContractModal({
   const { getContractLocalInfo } = useContractStore();
   const { validateContractAddress } = useValidateAddress();
 
-  const { contractBech: exampleContractAddress } = useExampleAddresses();
+  const { wasmContract: exampleContractAddress } = useExampleAddresses();
   const initialList =
     list.value === formatSlugName(INSTANTIATED_LIST_NAME) ? [] : [list];
 

src/lib/components/select-contract/SelectContractInstantiator.tsx

@@ -43,7 +43,7 @@ export const SelectContractInstantiator = ({
   onContractSelect,
 }: SelectContractInstantiatorProps) => {
   const isMobile = useMobile();
-  const { contractBech: exampleContractAddress } = useExampleAddresses();
+  const { wasmContract: exampleContractAddress } = useExampleAddresses();
   const { isOpen, onOpen, onClose } = useDisclosure();
   const { validateContractAddress } = useValidateAddress();
 

src/lib/pages/evm-contract-verify/index.tsx

@@ -30,7 +30,7 @@ export const EvmContractVerify = () => {
   const isMobile = useMobile();
   const router = useRouter();
   const contractAddressQueryParam = router.query.contractAddress ?? "";
-  const { contractHex: exampleContractAddress } = useExampleAddresses();
+  const { evmContract: exampleContractAddress } = useExampleAddresses();
 
   useEffect(() => {
     if (router.isReady) track(AmpEvent.TO_EVM_CONTRACT_VERIFY);