Merge pull request #156 from EjembiEmmanuel/main

feat: fixes and improvements

bin/cli.mjs

@@ -181,8 +181,6 @@ const installPackage = async () => {
       await exec(
         `npm run install --scarb-version=${tool_versions.scarb} --legacy-peer-deps`
       );
-
-      // await exec("npm run install-tools");
     } else if (packageType !== "contract_only") {
       await exec("npm run install --legacy-peer-deps");
     }
@@ -194,6 +192,8 @@ const installPackage = async () => {
 
     if (packageType == "kakarot") {
       console.log(`    npm run start-kakarot`);
+    } else if (packageType == "contract_only") {
+      console.log(`    npm run devnet`);
     } else {
       console.log(`    npm run start`);
     }

frontend/src/app/burner/page.tsx

@@ -58,10 +58,14 @@ export default function Page() {
       TransactionHash.transaction_hash,
     );
 
+    const address: string = result.events?.at(0).from_address;
+    const formattedAddress =
+      "0x" + address.replace(/^0x/, "").padStart(64, "0");
+
     return {
       privateKey,
       publicKey,
-      address: result.events?.at(0).from_address,
+      address: formattedAddress,
     };
   };
 

frontend/src/app/common/abis/erc20-metadata.ts

@@ -0,0 +1,37 @@
+import { Abi } from "starknet";
+
+export const erc20MetadataAbi: Abi = [
+  {
+    name: "symbol",
+    type: "function",
+    inputs: [],
+    outputs: [
+      {
+        type: "core::felt252",
+      },
+    ],
+    state_mutability: "view",
+  },
+  {
+    name: "name",
+    type: "function",
+    inputs: [],
+    outputs: [
+      {
+        type: "core::felt252",
+      },
+    ],
+    state_mutability: "view",
+  },
+  {
+    name: "decimals",
+    type: "function",
+    inputs: [],
+    outputs: [
+      {
+        type: "core::integer::u8",
+      },
+    ],
+    state_mutability: "view",
+  },
+];

frontend/src/app/components/lib/AddToken.tsx

@@ -1,15 +1,51 @@
 "use client";
-import { useState } from "react";
-import { useConnect } from "@starknet-react/core";
+import { useEffect, useState } from "react";
+import { useConnect, useContractRead } from "@starknet-react/core";
+import { shortString } from "starknet";
 import Close from "public/svg/Close";
 import GenericModal from "../internal/util/GenericModal";
+import { erc20MetadataAbi } from "@/app/common/abis/erc20-metadata";
+
 const AddTokenModal = () => {
   const { connector } = useConnect();
   const [tokenAddress, setTokenAddress] = useState("");
   const [symbol, setSymbol] = useState("");
   const [decimals, setDecimals] = useState("");
   const [name, setName] = useState("");
 
+  const { data: tokenName } = useContractRead({
+    abi: erc20MetadataAbi,
+    functionName: "name",
+    address: tokenAddress,
+    args: [],
+  });
+
+  const { data: tokenSymbol } = useContractRead({
+    abi: erc20MetadataAbi,
+    functionName: "symbol",
+    address: tokenAddress,
+    args: [],
+  });
+
+  const { data: tokenDecimals } = useContractRead({
+    abi: erc20MetadataAbi,
+    functionName: "decimals",
+    address: tokenAddress,
+    args: [],
+  });
+
+  useEffect(() => {
+    tokenName
+      ? setName(shortString.decodeShortString(tokenName.toString()))
+      : setName("");
+
+    tokenSymbol
+      ? setSymbol(shortString.decodeShortString(tokenSymbol.toString()))
+      : setSymbol("");
+
+    tokenDecimals ? setDecimals(tokenDecimals.toString()) : setDecimals("");
+  }, [tokenName, tokenSymbol, tokenDecimals]);
+
   function handleAddToken() {
     const fetchAddToken = async () => {
       try {