invarch and moar

src/chainspecs/invarch.ts

@@ -0,0 +1,23 @@
+export const chainSpec = JSON.stringify({
+  name: "InvArch Network",
+  id: "invarch_polkadot",
+  chainType: "Live",
+  bootNodes: [
+    "/dns/invarch-boot.dwellir.com/tcp/443/wss/p2p/12D3KooWHWLn81PF8T29cxeeq12hpJoaPNbJbuvtZ6pJxJ8asnTY",
+    "/dns/invarch-boot.dwellir.com/tcp/30363/p2p/12D3KooWHWLn81PF8T29cxeeq12hpJoaPNbJbuvtZ6pJxJ8asnTY",
+    "/dns/invarch.boot.stake.plus/tcp/30332/wss/p2p/12D3KooWJ7dgREmmhiA5skqEf1C7N43ex9uawaXuyQumhxg66Zoa",
+    "/dns/invarch.boot.stake.plus/tcp/31332/wss/p2p/12D3KooWLLHBRKvbRgWA5eD2DSFEeEz7i5V9zPVCkCeMdyT966Ui",
+  ],
+  properties: {
+    ss58Format: 117,
+    tokenDecimals: 12,
+    tokenSymbol: "VARCH",
+  },
+  relay_chain: "polkadot",
+  para_id: 3340,
+  codeSubstitutes: {},
+  genesis: {
+    stateRootHash:
+      "0x64d77bb0ea342ea5b053fba4fd29248b1c3a5b20a8a9ef0cfc14cf45b0c5a4fb",
+  },
+})

src/networks/polkadot.json

@@ -372,6 +372,23 @@
     },
     "hasChainSpecs": false
   },
+  {
+    "id": "invarch",
+    "display": "Invarch Network",
+    "relayChainInfo": {
+      "id": "polkadot",
+      "isSystem": false,
+      "parachain": 3340
+    },
+    "rpcs": {
+      "Dwellir": "wss://invarch-rpc.dwellir.com"
+    },
+    "nativeToken": {
+      "symbol": "VARCH",
+      "decimals": 12
+    },
+    "hasChainSpecs": true
+  },
   {
     "id": "kilt",
     "display": "KILT Spiritnet",

src/pages/Network/Network.tsx

@@ -46,7 +46,11 @@ export function NetworkSwitcher() {
 
   const handleNetworkSelect = (network: Network) => {
     setSelectedNetwork(network)
-    setSelecteRpc(Object.values(network.endpoints)[0] || "light-client")
+    setSelecteRpc(
+      network.lightclient
+        ? "light-client"
+        : Object.values(network.endpoints)[0],
+    )
   }
 
   const handleConfirm = () => {
@@ -60,7 +64,10 @@ export function NetworkSwitcher() {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <Button variant="outline" className="w-[200px] gap-0 justify-between text-base px-3">
+        <Button
+          variant="outline"
+          className="w-[200px] gap-0 justify-between text-base px-3"
+        >
           {selectedNetwork.display}
           <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
         </Button>
@@ -103,19 +110,6 @@ export function NetworkSwitcher() {
               <AccordionContent>
                 <ScrollArea className="h-[155px] rounded-lg border p-2">
                   <RadioGroup>
-                    {Object.entries(selectedNetwork.endpoints).map(
-                      ([rpcName, url]) => (
-                        <div key={url} className="flex items-center space-x-2">
-                          <RadioGroupItem
-                            value={url}
-                            id={url}
-                            checked={selectedRpc === url}
-                            onClick={() => setSelecteRpc(url)}
-                          />
-                          <Label htmlFor={url}>{rpcName}</Label>
-                        </div>
-                      ),
-                    )}
                     {selectedNetwork.lightclient ? (
                       <div className="flex items-center space-x-2">
                         <RadioGroupItem
@@ -129,6 +123,19 @@ export function NetworkSwitcher() {
                         </Label>
                       </div>
                     ) : null}
+                    {Object.entries(selectedNetwork.endpoints).map(
+                      ([rpcName, url]) => (
+                        <div key={url} className="flex items-center space-x-2">
+                          <RadioGroupItem
+                            value={url}
+                            id={url}
+                            checked={selectedRpc === url}
+                            onClick={() => setSelecteRpc(url)}
+                          />
+                          <Label htmlFor={url}>{rpcName}</Label>
+                        </div>
+                      ),
+                    )}
                   </RadioGroup>
                 </ScrollArea>
               </AccordionContent>