diff --git a/packages/starksheet-webapp/src/assets/aspect.png b/packages/starksheet-webapp/src/assets/aspect.png
new file mode 100644
index 0000000..bfce42d
Binary files /dev/null and b/packages/starksheet-webapp/src/assets/aspect.png differ
diff --git a/packages/starksheet-webapp/src/assets/discord.svg b/packages/starksheet-webapp/src/assets/discord.svg
new file mode 100644
index 0000000..9ff4b94
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/discord.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/element.png b/packages/starksheet-webapp/src/assets/element.png
new file mode 100644
index 0000000..ba6e91a
Binary files /dev/null and b/packages/starksheet-webapp/src/assets/element.png differ
diff --git a/packages/starksheet-webapp/src/assets/etherscan.svg b/packages/starksheet-webapp/src/assets/etherscan.svg
new file mode 100644
index 0000000..28dfd02
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/etherscan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/flex.svg b/packages/starksheet-webapp/src/assets/flex.svg
new file mode 100644
index 0000000..fc5eb83
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/flex.svg
@@ -0,0 +1 @@
+
diff --git a/packages/starksheet-webapp/src/assets/github.svg b/packages/starksheet-webapp/src/assets/github.svg
new file mode 100644
index 0000000..937c8eb
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/github.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/linea.png b/packages/starksheet-webapp/src/assets/linea.png
new file mode 100644
index 0000000..12f23c7
Binary files /dev/null and b/packages/starksheet-webapp/src/assets/linea.png differ
diff --git a/packages/starksheet-webapp/src/assets/mintsquare.svg b/packages/starksheet-webapp/src/assets/mintsquare.svg
new file mode 100644
index 0000000..c35ab64
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/mintsquare.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/opensea.svg b/packages/starksheet-webapp/src/assets/opensea.svg
new file mode 100644
index 0000000..785e5f1
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/opensea.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/optimism.svg b/packages/starksheet-webapp/src/assets/optimism.svg
new file mode 100644
index 0000000..098392b
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/optimism.svg
@@ -0,0 +1,21 @@
+
+
+
diff --git a/packages/starksheet-webapp/src/assets/starknet.svg b/packages/starksheet-webapp/src/assets/starknet.svg
new file mode 100644
index 0000000..76e4731
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/starknet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/telegram.svg b/packages/starksheet-webapp/src/assets/telegram.svg
new file mode 100644
index 0000000..6883b90
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/telegram.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/twitter.svg b/packages/starksheet-webapp/src/assets/twitter.svg
new file mode 100644
index 0000000..85e5292
--- /dev/null
+++ b/packages/starksheet-webapp/src/assets/twitter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/starksheet-webapp/src/assets/wenmoon.png b/packages/starksheet-webapp/src/assets/wenmoon.png
new file mode 100644
index 0000000..048961f
Binary files /dev/null and b/packages/starksheet-webapp/src/assets/wenmoon.png differ
diff --git a/packages/starksheet-webapp/src/components/Footer/Footer.tsx b/packages/starksheet-webapp/src/components/Footer/Footer.tsx
index 2e018d7..ae98886 100644
--- a/packages/starksheet-webapp/src/components/Footer/Footer.tsx
+++ b/packages/starksheet-webapp/src/components/Footer/Footer.tsx
@@ -8,11 +8,9 @@ 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";
-import mintSquareLogo from "./mintsquare.svg";
-import starknetLogo from "./starknet.svg";
-import telegramLogo from "./telegram.svg";
-import twitterLogo from "./twitter.svg";
+import githubLogo from "./../../assets/github.svg";
+import telegramLogo from "./../../assets/telegram.svg";
+import twitterLogo from "./../../assets/twitter.svg";
export type FooterProps = {
sx?: BoxProps["sx"];
@@ -103,7 +101,11 @@ function Footer({ sx }: FooterProps) {
)
}
>
-
+
-
+
diff --git a/packages/starksheet-webapp/src/provider/chains.ts b/packages/starksheet-webapp/src/provider/chains.ts
index 0c19bcb..9a58672 100644
--- a/packages/starksheet-webapp/src/provider/chains.ts
+++ b/packages/starksheet-webapp/src/provider/chains.ts
@@ -1,6 +1,15 @@
import { Abi } from "starknet";
import contractData from "../contracts/contractData.json";
import { ChainConfig, ChainId, ChainType } from "../types";
+import elementLogo from "./../assets/element.png";
+import etherscanLogo from "./../assets/etherscan.svg";
+import flexLogo from "./../assets/flex.svg";
+import lineaLogo from "./../assets/linea.png";
+import openseaLogo from "./../assets/opensea.svg";
+import optimismLogo from "./../assets/optimism.svg";
+import starknetLogo from "./../assets/starknet.svg";
+import wenmoonLogo from "./../assets/wenmoon.png";
+
import { EVMProvider } from "./EVMProvider";
import { StarknetProvider } from "./StarknetProvider";
@@ -27,7 +36,9 @@ const chainConfigs: Record> = {
explorerBaseUrl: "https://goerli.etherscan.io/address/",
explorerApiUrl: "https://api-goerli.etherscan.io/api",
explorerApiKey: `${process.env.REACT_APP_GOERLI_EXPLORER_KEY}`,
+ explorerLogo: etherscanLogo,
nftBaseUrl: "https://testnets.opensea.io/assets/goerli/",
+ nftLogo: openseaLogo,
rpcUrl: `https://goerli.infura.io/v3/${process.env.REACT_APP_INFURA_KEY}`,
},
optimismMainnet: {
@@ -37,7 +48,9 @@ const chainConfigs: Record> = {
explorerBaseUrl: "https://optimistic.etherscan.io/address/",
explorerApiUrl: "https://api-optimistic.etherscan.io/api",
explorerApiKey: `${process.env.REACT_APP_OPTIMISM_EXPLORER_KEY}`,
+ explorerLogo: optimismLogo,
nftBaseUrl: "https://wenmoon.market/collection/optimism/",
+ nftLogo: wenmoonLogo,
rpcUrl: `https://optimism-mainnet.infura.io/v3/${process.env.REACT_APP_INFURA_KEY}`,
},
linea: {
@@ -47,7 +60,9 @@ const chainConfigs: Record> = {
explorerBaseUrl: "https://lineascan.build/address/",
explorerApiUrl: "https://api.lineascan.build/api",
explorerApiKey: `${process.env.REACT_APP_LINEA_EXPLORER_KEY}`,
+ explorerLogo: lineaLogo,
nftBaseUrl: "https://element.market/assets/linea/",
+ nftLogo: elementLogo,
rpcUrl: `https://linea-mainnet.infura.io/v3/${process.env.REACT_APP_INFURA_KEY}`,
},
anvil: {
@@ -56,7 +71,9 @@ const chainConfigs: Record> = {
chainType: ChainType.EVM,
explorerBaseUrl: "https://goerli.etherscan.io/address/",
explorerApiUrl: "https://api-goerli.etherscan.io/api",
+ explorerLogo: etherscanLogo,
nftBaseUrl: "https://testnets.opensea.io/assets/goerli/",
+ nftLogo: openseaLogo,
rpcUrl: "http://0.0.0.0:8545",
},
kakarot: {
@@ -64,7 +81,9 @@ const chainConfigs: Record> = {
chainId: ChainId.STARKNET_TESTNET,
chainType: ChainType.EVM,
explorerBaseUrl: "",
+ explorerLogo: starknetLogo,
nftBaseUrl: "",
+ nftLogo: flexLogo,
rpcUrl: "http://127.0.0.1:3030",
},
// Starknet chains
@@ -74,6 +93,8 @@ const chainConfigs: Record> = {
chainType: ChainType.STARKNET,
explorerBaseUrl: "https://starkscan.co/contract/",
nftBaseUrl: "https://flexing.gg/starknet/collection/",
+ explorerLogo: starknetLogo,
+ nftLogo: flexLogo,
rpcUrl: `https://starknet-mainnet.infura.io/v3/${process.env.REACT_APP_INFURA_KEY}`,
},
testnet: {
@@ -82,6 +103,8 @@ const chainConfigs: Record> = {
chainType: ChainType.STARKNET,
explorerBaseUrl: "https://testnet.starkscan.co/contract/",
nftBaseUrl: "https://mintsquare.io/collection/starknet-testnet/",
+ explorerLogo: starknetLogo,
+ nftLogo: flexLogo,
rpcUrl: `https://starknet-goerli.infura.io/v3/${process.env.REACT_APP_INFURA_KEY}`,
},
testnet2: {
@@ -90,6 +113,8 @@ const chainConfigs: Record> = {
chainType: ChainType.STARKNET,
explorerBaseUrl: "https://testnet-2.starkscan.co/contract/",
nftBaseUrl: "",
+ explorerLogo: starknetLogo,
+ nftLogo: flexLogo,
rpcUrl: `https://starknet-goerli2.infura.io/v3/${process.env.REACT_APP_INFURA_KEY}`,
},
starknetDevnet: {
@@ -98,6 +123,8 @@ const chainConfigs: Record> = {
chainType: ChainType.STARKNET,
explorerBaseUrl: "https://devnet.starkscan.co/contract/",
nftBaseUrl: "",
+ explorerLogo: starknetLogo,
+ nftLogo: flexLogo,
rpcUrl: "http://127.0.0.1:5050/rpc",
},
katana: {
@@ -106,6 +133,8 @@ const chainConfigs: Record> = {
chainType: ChainType.STARKNET,
explorerBaseUrl: "",
nftBaseUrl: "",
+ explorerLogo: starknetLogo,
+ nftLogo: flexLogo,
rpcUrl: "http://127.0.0.1:5050",
},
madara: {
@@ -114,6 +143,8 @@ const chainConfigs: Record> = {
chainType: ChainType.STARKNET,
explorerBaseUrl: "",
nftBaseUrl: "",
+ explorerLogo: starknetLogo,
+ nftLogo: flexLogo,
rpcUrl: "http://127.0.0.1:9944",
},
sharingan: {
@@ -122,6 +153,8 @@ const chainConfigs: Record> = {
chainType: ChainType.STARKNET,
explorerBaseUrl: "",
nftBaseUrl: "",
+ explorerLogo: starknetLogo,
+ nftLogo: flexLogo,
rpcUrl: process.env.REACT_APP_SHARINGAN_URL!,
},
};
diff --git a/packages/starksheet-webapp/src/types/provider/ChainConfig.ts b/packages/starksheet-webapp/src/types/provider/ChainConfig.ts
index e4b83f0..915941e 100644
--- a/packages/starksheet-webapp/src/types/provider/ChainConfig.ts
+++ b/packages/starksheet-webapp/src/types/provider/ChainConfig.ts
@@ -7,7 +7,9 @@ export interface ChainConfig {
explorerBaseUrl: string;
explorerApiUrl?: string;
explorerApiKey?: string;
+ explorerLogo: string;
nftBaseUrl: string;
+ nftLogo: string;
rpcUrl: string;
appName: string;
addresses: {