fixing errors with networks & index.html

index.html

@@ -81,4 +81,4 @@
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>

package.json

@@ -5,11 +5,11 @@
   "license": "GPL-3.0-only",
   "private": false,
   "scripts": {
-    "build": "tsc && vite build --base '/'",
+    "build": "tsc && vite build --base './'",
     "build:pages": "tsc && vite build --base '/polkadot-staking-dashboard/'",
     "clear": "rm -rf node_modules build tsconfig.tsbuildinfo",
     "deploy:pages": "yarn build:pages && gh-pages -d build",
-    "dev": "vite",
+    "dev": "vite --base './'",
     "lint": "eslint . --fix && npx prettier --write . && npx prettier --write ./.scripts && node ./.scripts/localeOrderKeys.cjs",
     "locale:order": "node ./.scripts/localeOrderKeys.cjs",
     "locale:validate": "node ./.scripts/localeValidate.cjs",

src/Providers.tsx

@@ -53,6 +53,8 @@ import { CereStatsProvider } from './contexts/CereStats';
 
 // Embed providers from hook.
 export const Providers = () => {
+  const networkAllData = useNetwork();
+  console.warn(networkAllData);
   const {
     network,
     networkData: { ss58 },

src/config/ledger.ts

@@ -6,7 +6,7 @@ import PolkadotSVG from 'img/appIcons/polkadot.svg?react';
 
 export const LedgerApps: LedgerApp[] = [
   {
-    network: 'Cere Mainnet',
+    network: 'cereMainnet',
     appName: 'Polkadot',
     Icon: PolkadotSVG,
   },

src/config/networks.ts

@@ -5,10 +5,10 @@ import CereLogoSvg from 'img/cere_logo.svg?react';
 import type { NetworkName, Networks } from 'types';
 import BigNumber from 'bignumber.js';
 
-const CereMainnet: NetworkName = 'Cere Mainnet';
-const CereTestnet: NetworkName = 'Cere Testnet';
-const CereDevnet: NetworkName = 'Cere Devnet';
-const CereQanet: NetworkName = 'Cere Qanet';
+const CereMainnet: NetworkName = 'cereMainnet';
+const CereTestnet: NetworkName = 'cereTestnet';
+const CereDevnet: NetworkName = 'cereDevnet';
+const CereQanet: NetworkName = 'cereQanet';
 
 const cereMainnet = {
   name: CereMainnet,

src/consts.ts

@@ -11,7 +11,7 @@ import type { Plugin } from 'types';
 export const AppVersion = '1.0.8';
 export const DappName = 'Cere Staking Dashboard';
 export const CereUrl = 'https://cere.network';
-export const DefaultNetwork = 'Cere Mainnet';
+export const DefaultNetwork = 'cereMainnet';
 export const ManualSigners = ['ledger', 'vault'];
 /*
  * Data Structure Helpers

src/contexts/Network/index.tsx

@@ -10,6 +10,8 @@ import type { NetworkState } from 'contexts/Api/types';
 import type { NetworkContextInterface } from './types';
 import { defaultNetworkContext } from './defaults';
 
+console.log('Default network context');
+console.log(defaultNetworkContext);
 export const NetworkProvider = ({
   children,
 }: {
@@ -43,9 +45,12 @@ export const NetworkProvider = ({
 
   // handle network switching
   const switchNetwork = (name: NetworkName) => {
+    console.warn(`Switching network to name: ${name}`);
+    console.warn(NetworkList);
+
     setNetwork({
       name,
-      meta: NetworkList[name],
+      meta: NetworkList.cereMainnet,
     });
 
     // update url `n` if needed.
@@ -54,9 +59,11 @@ export const NetworkProvider = ({
 
   // Store the initial active network.
   const initialNetwork = getInitialNetwork();
+  console.warn('Initial network');
+  console.warn(NetworkList);
   const [network, setNetwork] = useState<NetworkState>({
     name: initialNetwork,
-    meta: NetworkList[initialNetwork],
+    meta: NetworkList.cereMainnet,
   });
 
   return (

src/modals/Connect/Ledger.tsx

@@ -44,11 +44,11 @@ export const Ledger = (): React.ReactElement => {
           </div>
           <div className="row margin">
             <ButtonText
-              text={network === 'Cere Mainnet' ? 'BETA' : 'EXPERIMENTAL'}
+              text={network === 'cereMainnet' ? 'BETA' : 'EXPERIMENTAL'}
               disabled
               marginRight
               iconLeft={
-                network === 'Cere Mainnet' ? undefined : faExclamationTriangle
+                network === 'cereMainnet' ? undefined : faExclamationTriangle
               }
               style={{ opacity: 0.5 }}
             />

src/types/index.ts

@@ -13,10 +13,10 @@ declare global {
 }
 
 export type NetworkName =
-  | 'Cere Mainnet'
-  | 'Cere Testnet'
-  | 'Cere Devnet'
-  | 'Cere Qanet';
+  | 'cereMainnet'
+  | 'cereTestnet'
+  | 'cereDevnet'
+  | 'cereQanet';
 
 export type Networks = Record<string, Network>;