feat: changed to base chain and added swap link to navigation

Author: blueogin

package-lock.json

@@ -35,7 +35,8 @@
     "sharp": "^0.33.5",
     "simple-zustand-devtools": "^1.1.0",
     "wagmi": "^2.14.8",
-    "zustand": "^4.3.8"
+    "zustand": "^4.3.8",
+    "bignumber.js": "^9.0.1"
   },
   "devDependencies": {
     "@types/lodash.merge": "^4.6.9",

package.json

@@ -5,7 +5,7 @@ import { HttpLink } from 'apollo-link-http'
 
 export const client = new ApolloClient({
   link: new HttpLink({
-    uri: process.env.NEXT_PUBLIC_UNISWAP_SUBGRAPH_URL ?? 'https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v2',
+    uri: process.env.NEXT_PUBLIC_UNISWAP_BASE_SUBGRAPH_URL ?? 'https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v2',
   }),
   cache: new InMemoryCache(),
 })

src/config/apolloConfig/apollo.ts

@@ -20,6 +20,10 @@ import {
   export const ROUTER_ABI = routerABI;
 
   export const COIN_ADDRESS = '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE';
+  export const COIN_DECIMALS = 18;
+  export const COIN_NAME = "ether";
+  export const COIN_SYMBOL = "ETH";
+  
 
   export const MULTICALL_ADDRESS = '0x091e99cb1C49331a94dD62755D168E941AbD0693';
 

src/config/contractsTestnet.ts

@@ -7,6 +7,10 @@ export const navLinks = [
     label: 'Website',
     href: '',
   },
+  {
+    label: 'Swap',
+    href: '/swap',
+  },
 ];
 
 // Footer social links

src/lib/constants/navigation.tsx

@@ -30,6 +30,11 @@ const projectId = process.env.NEXT_PUBLIC_WALLETCONNECT_ID || '';
  * @description Default RPC endpoints with fallbacks
  */
 const RPC_URLS = {
+  BASE: [
+    base.rpcUrls.default.http[0], // Default RPC
+    'https://base-rpc.publicnode.com', // Public Node
+    'https://base.llamarpc.com', // Llama
+  ],
   MAINNET: [
     mainnet.rpcUrls.default.http[0], // Default RPC
     'https://rpc.ankr.com/eth', // Ankr
@@ -40,11 +45,6 @@ const RPC_URLS = {
     'https://rpc.ankr.com/arbitrum', // Ankr
     'https://arbitrum.llamarpc.com', // Llama
   ],
-  BASE: [
-    base.rpcUrls.default.http[0], // Default RPC
-    'https://base-rpc.publicnode.com', // Public Node
-    'https://base.llamarpc.com', // Llama
-  ],
 } as const;
 
 /**

src/lib/constants/wagmiConfig.ts

@@ -16,22 +16,37 @@ interface BaseAssetState {
     setBaseAsset: (token: Token) => void;
   };
 }
-const BASE_URL = process.env.NEXT_PUBLIC_UNISWAP_SUBGRAPH_URL ?? 'https://localhost:8000';
+const BASE_URL = process.env.NEXT_PUBLIC_UNISWAP_BASE_SUBGRAPH_URL ?? 'https://localhost:8000';
 
 export const useBaseAssetStore = create<BaseAssetState>()(
   devtools((set, get) => ({
     baseAssets: [],
     isLoading: false,
     actions: {
       initBaseAssets: async () => {
-        console.log(process.env.NEXT_PUBLIC_UNISWAP_SUBGRAPH_URL);
+        console.log(process.env.NEXT_PUBLIC_UNISWAP_BASE_SUBGRAPH_URL);
         set({ isLoading: true });
         await fetchTokenData()
           .then(result => {
             let baseAssets = result?.data.tokens;
-            console.log('Fetched tokens:', result);
+            // baseAssets.add(CONTRACTS.COIN_ADDRESS);
+
+            console.log('Fetched tokens:', baseAssets);
             baseAssets = mapToken(baseAssets);
 
+            baseAssets.unshift(
+              {
+                address: CONTRACTS.COIN_ADDRESS,
+                decimals: CONTRACTS.COIN_DECIMALS,
+                name: CONTRACTS.COIN_NAME,
+                symbol: CONTRACTS.COIN_SYMBOL,
+                stable: false,
+                price: 0,
+                liquidStakedAddress: "",
+                balance: 0.0,
+              }
+            );
+
             set({ baseAssets });
           })
           .catch(error => console.log(error));