Merge pull request #170 from Tech-Expansion/update/link-mainnet-lite

update link mainnet lite on network toggle

Author: TEX-Labs

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev -p 8080",
+    "dev": "next dev -p 8081",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"

src/components/network-toggle.tsx

@@ -14,16 +14,16 @@ import { NetworkType, NETWORKS } from "@/lib/constants/common.constants"
 // Helper function to detect network from domain
 function getNetworkFromDomain(): NetworkType {
   if (typeof window === "undefined") return NetworkType.PREPROD
-  
+
   const hostname = window.location.hostname
-  
+
   // Check each network's domains array
   for (const [networkType, config] of Object.entries(NETWORKS)) {
     if (config.domains.some(domain => hostname.includes(domain))) {
       return networkType as NetworkType
     }
   }
-  
+
   // Default for localhost and other unknown domains
   // - localhost:8080 -> PREPROD
   // - midnightexplorer.com -> PREPROD (configured in domains)
@@ -32,7 +32,7 @@ function getNetworkFromDomain(): NetworkType {
 
 export function NetworkToggle() {
   const [network, setNetwork] = useState<NetworkType>(NetworkType.PREPROD)
-  
+
   // Detect network on mount based on domain
   useEffect(() => {
     setNetwork(getNetworkFromDomain())
@@ -59,7 +59,7 @@ export function NetworkToggle() {
       </DropdownMenuTrigger>
 
       {/* Menu xổ xuống */}
-      <DropdownMenuContent align="end" className="w-[210px]">
+      <DropdownMenuContent align="end" className="w-[240px]">
         {networks.map((networkType) => {
           const config = NETWORKS[networkType]
           const isCurrentNetwork = network === networkType

src/lib/constants/common.constants.ts

@@ -51,19 +51,19 @@ export const NETWORKS = {
     iconColor: "text-purple-400",
     enabled: true,
     message: undefined,
-  },
+  },  
   [NetworkType.MAINNET]: {
-    label: "Mainnet",
-    domain: "midnightexplorer.com",
+    label: "Mainnet Lite",
+    domain: "mainnet-lite.midnightexplorer.com",
     domains: [
-      // "midnightexplorer.com",
-      "mainnet.dev.midnightexplorer.com",
-      "mainnet.test.midnightexplorer.com",
+      "mainnet-lite.midnightexplorer.com",
+      "mainnet-lite.dev.midnightexplorer.com",
+      "mainnet-lite.test.midnightexplorer.com",
     ],
     color: "text-green-400",
     iconColor: "text-green-400",
-    enabled: false,
-    message: "Upcoming",
+    enabled: true,
+    message: undefined,
   },
 } as const;