Add appname in config

packages/starksheet-webapp/README.md

@@ -1,6 +1,6 @@
-# Starksheet webapp
+# Onsheet webapp
 
-This is the starksheet webapp as deployed in
+This is the onsheet webapp as deployed for example for Starknet at
 [app.starksheet.xyz](app.starksheet.xyz).
 
 ## Installation
@@ -21,7 +21,7 @@ devnet. Depending on your need, it may be enough to target the testnet or even
 the mainnet for final testing.
 
 The ENV variable `REACT_APP_NETWORK` is used to select the target network. By
-default (not set), it will target the devnet, see
+default (not set), it will target the starknet-devnet, see
 [Starksheet cairo README](../starksheet-cairo/README.md#deployment).
 
 The app will automatically uses the latest deployments made in

packages/starksheet-webapp/src/components/Footer/Footer.tsx

@@ -5,6 +5,7 @@ import { CELL_BORDER_WIDTH, CELL_HEIGHT, N_ROW } from "../../config";
 import { AccountContext } from "../../contexts/AccountContext";
 import { OnsheetContext } from "../../contexts/OnsheetContext";
 import { useChainProvider } from "../../hooks/useChainProvider";
+import { chainConfig } from "../../provider/chains";
 import GreyCell from "../GreyCell/GreyCell";
 import { SheetButton } from "../SheetButton/SheetButton";
 import githubLogo from "./github.svg";
@@ -26,7 +27,7 @@ function Footer({ sx }: FooterProps) {
 
   const addSheetOnClick = async () => {
     if (!accountAddress) {
-      enqueueSnackbar(`Connect your wallet to use Starksheet`, {
+      enqueueSnackbar(`Connect your wallet to use ${chainConfig.appName}`, {
         variant: "info",
       });
       return;

packages/starksheet-webapp/src/components/Header/Header.tsx

@@ -13,7 +13,9 @@ function Header() {
   const [isOpenWidget, setOpenWidget] = React.useState<boolean>(false);
   return (
     <Box sx={{ display: "flex" }}>
-      <GreyCell sx={{ textIndent: "20px", flex: 1 }}>Starksheet</GreyCell>
+      <GreyCell sx={{ textIndent: "20px", flex: 1 }}>
+        {chainConfig.appName}
+      </GreyCell>
       <Button
         sx={{ marginLeft: `-${CELL_BORDER_WIDTH}px`, width: "191px" }}
         onClick={() =>

packages/starksheet-webapp/src/components/SheetTable/SheetTable.tsx

@@ -13,6 +13,7 @@ import { AppStatusContext } from "../../contexts/AppStatusContext";
 import { CellValuesContext } from "../../contexts/CellValuesContext";
 import { OnsheetContext } from "../../contexts/OnsheetContext";
 import { useSheetContract } from "../../hooks/useSheetContract";
+import { chainConfig } from "../../provider/chains";
 import { Cell, CellData, CellRendered } from "../../types";
 import { RC_BOUND } from "../../utils/constants";
 import { bn2hex } from "../../utils/hexUtils";
@@ -189,7 +190,7 @@ const SheetTable = ({ sx }: SheetTableProps) => {
         })
         .catch((error) => {
           error = true;
-          finalMessage = `Error: Starksheet cannot render sheet at address ${address}
+          finalMessage = `Error: ${chainConfig.appName} cannot render sheet at address ${address}
               <br />
               <br />
               Double check address or create a new sheet by clicking on the + button`;

packages/starksheet-webapp/src/provider/chains.ts

@@ -16,6 +16,7 @@ type SupportedChains =
 
 const chainConfigs: Record<SupportedChains, Omit<ChainConfig, "addresses">> = {
   goerli: {
+    appName: "Evmsheet",
     chainId: ChainId.ETHEREUM_TESTNET,
     chainType: ChainType.EVM,
     explorerBaseUrl: "https://goerli.etherscan.io/address/",
@@ -24,6 +25,7 @@ const chainConfigs: Record<SupportedChains, Omit<ChainConfig, "addresses">> = {
     rpcUrl: `https://goerli.infura.io/v3/${process.env.REACT_APP_INFURA_KEY}`,
   },
   anvil: {
+    appName: "Evmsheet",
     chainId: ChainId.ANVIL,
     chainType: ChainType.EVM,
     explorerBaseUrl: "https://goerli.etherscan.io/address/",
@@ -32,6 +34,7 @@ const chainConfigs: Record<SupportedChains, Omit<ChainConfig, "addresses">> = {
     rpcUrl: "http://0.0.0.0:8545",
   },
   mainnet: {
+    appName: "Starksheet",
     chainId: ChainId.STARKNET_MAINNET,
     chainType: ChainType.STARKNET,
     explorerBaseUrl: "https://starkscan.co/contract/",
@@ -40,6 +43,7 @@ const chainConfigs: Record<SupportedChains, Omit<ChainConfig, "addresses">> = {
     gateway: "mainnet-alpha",
   },
   testnet: {
+    appName: "Starksheet",
     chainId: ChainId.STARKNET_TESTNET,
     chainType: ChainType.STARKNET,
     explorerBaseUrl: "https://testnet.starkscan.co/contract/",
@@ -48,6 +52,7 @@ const chainConfigs: Record<SupportedChains, Omit<ChainConfig, "addresses">> = {
     gateway: "goerli-alpha",
   },
   testnet2: {
+    appName: "Starksheet",
     chainId: ChainId.STARKNET_TESTNET2,
     chainType: ChainType.STARKNET,
     explorerBaseUrl: "https://testnet-2.starkscan.co/contract/",
@@ -56,27 +61,31 @@ const chainConfigs: Record<SupportedChains, Omit<ChainConfig, "addresses">> = {
     gateway: "goerli-alpha-2",
   },
   devnet: {
+    appName: "Starksheet",
     chainId: ChainId.STARKNET_TESTNET,
     chainType: ChainType.STARKNET,
     explorerBaseUrl: "https://devnet.starkscan.co/contract/",
     nftBaseUrl: "",
     rpcUrl: "http://127.0.0.1:5050/rpc",
   },
   katana: {
+    appName: "Starksheet",
     chainId: ChainId.STARKNET_TESTNET,
     chainType: ChainType.STARKNET,
     explorerBaseUrl: "",
     nftBaseUrl: "",
     rpcUrl: "http://127.0.0.1:5050",
   },
   madara: {
+    appName: "Madsheet",
     chainId: ChainId.STARKNET_TESTNET,
     chainType: ChainType.STARKNET,
     explorerBaseUrl: "",
     nftBaseUrl: "",
     rpcUrl: "http://127.0.0.1:9944",
   },
   sharingan: {
+    appName: "Madsheet",
     chainId: ChainId.STARKNET_TESTNET,
     chainType: ChainType.STARKNET,
     explorerBaseUrl: "",

packages/starksheet-webapp/src/types/provider/ChainConfig.ts

@@ -11,6 +11,7 @@ export interface ChainConfig {
   nftBaseUrl: string;
   rpcUrl: string;
   gateway?: NetworkName;
+  appName: string;
   addresses: {
     spreadsheet: string;
     multisend?: string;