Main 2

components/connect-wallet.tsx

@@ -6,10 +6,11 @@ import { Badge } from "@/components/ui/badge"
 import { Wallet, ChevronDown, AlertCircle, Shield } from "lucide-react"
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
 import { Alert, AlertDescription } from "@/components/ui/alert"
+import { DOMA_CHAIN_CONFIG } from "@/lib/doma-smart-contracts"
 
 interface ConnectWalletProps {
   isConnected: boolean
-  onConnect: (connected: boolean) => void
+  onConnect: (connected: boolean, address?: string) => void
 }
 
 declare global {
@@ -38,7 +39,7 @@ export function ConnectWallet({ isConnected, onConnect }: ConnectWalletProps) {
             const account = accounts[0]
             setAddress(formatAddress(account))
             setConnectedWallet("MetaMask")
-            onConnect(true)
+            onConnect(true, account)
             return
           }
         } catch (error) {
@@ -53,7 +54,7 @@ export function ConnectWallet({ isConnected, onConnect }: ConnectWalletProps) {
             const account = accounts[0]
             setAddress(formatAddress(account))
             setConnectedWallet("OKX Wallet")
-            onConnect(true)
+            onConnect(true, account)
             return
           }
         } catch (error) {
@@ -99,15 +100,32 @@ export function ConnectWallet({ isConnected, onConnect }: ConnectWalletProps) {
         const account = accounts[0]
         setAddress(formatAddress(account))
         setConnectedWallet("MetaMask")
-        onConnect(true)
+        onConnect(true, account)
 
         try {
           await window.ethereum.request({
             method: "wallet_switchEthereumChain",
-            params: [{ chainId: "0x1" }],
+            params: [{ chainId: DOMA_CHAIN_CONFIG.chainId }],
           })
         } catch (switchError: any) {
-          console.log("Network switch error:", switchError)
+          if (switchError?.code === 4902) {
+            try {
+              await window.ethereum.request({
+                method: "wallet_addEthereumChain",
+                params: [{
+                  chainId: DOMA_CHAIN_CONFIG.chainId,
+                  chainName: DOMA_CHAIN_CONFIG.chainName,
+                  nativeCurrency: DOMA_CHAIN_CONFIG.nativeCurrency,
+                  rpcUrls: DOMA_CHAIN_CONFIG.rpcUrls,
+                  blockExplorerUrls: DOMA_CHAIN_CONFIG.blockExplorerUrls,
+                }],
+              })
+            } catch (addErr) {
+              console.log("Add chain failed:", addErr)
+            }
+          } else {
+            console.log("Network switch error:", switchError)
+          }
         }
       }
     } catch (error: any) {
@@ -141,15 +159,32 @@ export function ConnectWallet({ isConnected, onConnect }: ConnectWalletProps) {
         const account = accounts[0]
         setAddress(formatAddress(account))
         setConnectedWallet("OKX Wallet")
-        onConnect(true)
+        onConnect(true, account)
 
         try {
           await window.okxwallet.request({
             method: "wallet_switchEthereumChain",
-            params: [{ chainId: "0x1" }],
+            params: [{ chainId: DOMA_CHAIN_CONFIG.chainId }],
           })
         } catch (switchError: any) {
-          console.log("Network switch error:", switchError)
+          if (switchError?.code === 4902) {
+            try {
+              await window.okxwallet.request({
+                method: "wallet_addEthereumChain",
+                params: [{
+                  chainId: DOMA_CHAIN_CONFIG.chainId,
+                  chainName: DOMA_CHAIN_CONFIG.chainName,
+                  nativeCurrency: DOMA_CHAIN_CONFIG.nativeCurrency,
+                  rpcUrls: DOMA_CHAIN_CONFIG.rpcUrls,
+                  blockExplorerUrls: DOMA_CHAIN_CONFIG.blockExplorerUrls,
+                }],
+              })
+            } catch (addErr) {
+              console.log("Add chain failed:", addErr)
+            }
+          } else {
+            console.log("Network switch error:", switchError)
+          }
         }
       }
     } catch (error: any) {

components/doma-analytics.tsx

@@ -29,7 +29,7 @@ import {
   Clock,
   Shield
 } from "lucide-react"
-import { LineChart, Line, AreaChart, Area, BarChart, Bar, PieChart as RechartsPieChart, Cell, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'
+import { LineChart, Line, AreaChart, Area, BarChart, Bar, Pie, PieChart as RechartsPieChart, Cell, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'
 
 interface AnalyticsData {
   volume: number
@@ -582,7 +582,7 @@ export function DomaAnalytics({ walletAddress, isConnected }: DomaAnalyticsProps
                             {domain.name}
                           </div>
                           <div className="text-sm text-muted-foreground">
-                            {domain.registrar} • Token #{domain.tokenId}
+                            {domain.registrar} �� Token #{domain.tokenId}
                           </div>
                         </div>
                       </div>

components/doma-bridge.tsx

@@ -67,90 +67,25 @@ interface DomaBridgeProps {
 
 const SUPPORTED_CHAINS: SupportedChain[] = [
   {
-    id: 'ethereum',
-    name: 'Ethereum',
-    shortName: 'ETH',
-    chainId: 1,
-    icon: '⟠',
+    id: 'doma',
+    name: 'Doma Network',
+    shortName: 'DOMA',
+    chainId: 97476,
+    icon: '🛡️',
     nativeCurrency: 'ETH',
-    rpcUrl: 'https://mainnet.infura.io/v3/',
-    explorerUrl: 'https://etherscan.io',
-    bridgeFee: 0.005,
-    estimatedTime: '5-10 min',
-    isTestnet: false
-  },
-  {
-    id: 'sepolia',
-    name: 'Sepolia Testnet',
-    shortName: 'SEP',
-    chainId: 11155111,
-    icon: '⟠',
-    nativeCurrency: 'ETH',
-    rpcUrl: 'https://sepolia.infura.io/v3/',
-    explorerUrl: 'https://sepolia.etherscan.io',
-    bridgeFee: 0.001,
-    estimatedTime: '2-5 min',
+    rpcUrl: 'https://rpc-testnet.doma.xyz',
+    explorerUrl: 'https://explorer-testnet.doma.xyz',
+    bridgeFee: 0,
+    estimatedTime: '—',
     isTestnet: true
-  },
-  {
-    id: 'polygon',
-    name: 'Polygon',
-    shortName: 'MATIC',
-    chainId: 137,
-    icon: '🔷',
-    nativeCurrency: 'MATIC',
-    rpcUrl: 'https://polygon-rpc.com',
-    explorerUrl: 'https://polygonscan.com',
-    bridgeFee: 0.1,
-    estimatedTime: '3-7 min',
-    isTestnet: false
-  },
-  {
-    id: 'arbitrum',
-    name: 'Arbitrum One',
-    shortName: 'ARB',
-    chainId: 42161,
-    icon: '🔵',
-    nativeCurrency: 'ETH',
-    rpcUrl: 'https://arb1.arbitrum.io/rpc',
-    explorerUrl: 'https://arbiscan.io',
-    bridgeFee: 0.002,
-    estimatedTime: '2-4 min',
-    isTestnet: false
-  },
-  {
-    id: 'optimism',
-    name: 'Optimism',
-    shortName: 'OP',
-    chainId: 10,
-    icon: '🔴',
-    nativeCurrency: 'ETH',
-    rpcUrl: 'https://mainnet.optimism.io',
-    explorerUrl: 'https://optimistic.etherscan.io',
-    bridgeFee: 0.003,
-    estimatedTime: '3-6 min',
-    isTestnet: false
-  },
-  {
-    id: 'solana',
-    name: 'Solana',
-    shortName: 'SOL',
-    chainId: 0, // Solana doesn't use EVM chain IDs
-    icon: '☀️',
-    nativeCurrency: 'SOL',
-    rpcUrl: 'https://api.mainnet-beta.solana.com',
-    explorerUrl: 'https://explorer.solana.com',
-    bridgeFee: 0.01,
-    estimatedTime: '1-3 min',
-    isTestnet: false
   }
 ]
 
 export function DomaBridge({ walletAddress, isConnected }: DomaBridgeProps) {
   const [userDomains, setUserDomains] = useState<DomainToken[]>([])
   const [selectedDomain, setSelectedDomain] = useState<string>("")
-  const [fromChain, setFromChain] = useState<string>("sepolia")
-  const [toChain, setToChain] = useState<string>("polygon")
+  const [fromChain, setFromChain] = useState<string>("doma")
+  const [toChain, setToChain] = useState<string>("")
   const [toAddress, setToAddress] = useState<string>("")
   const [bridgeTransactions, setBridgeTransactions] = useState<BridgeTransaction[]>([])
   const [currentBridge, setCurrentBridge] = useState<BridgeTransaction | null>(null)
@@ -499,7 +434,7 @@ export function DomaBridge({ walletAddress, isConnected }: DomaBridgeProps) {
               <CardHeader>
                 <CardTitle>Bridge Summary</CardTitle>
                 <CardDescription>
-                  Review your bridge transaction details
+                  Doma Network only. Use the official bridge below for cross-chain actions.
                 </CardDescription>
               </CardHeader>
               <CardContent className="space-y-4">
@@ -543,6 +478,12 @@ export function DomaBridge({ walletAddress, isConnected }: DomaBridgeProps) {
                     </div>
 
                     <div className="pt-4 border-t">
+                      <Button variant="outline" asChild className="w-full mb-3">
+                        <a href="https://bridge-testnet.doma.xyz" target="_blank" rel="noopener noreferrer">
+                          <ExternalLink className="h-4 w-4 mr-2" />
+                          Open Doma Bridge
+                        </a>
+                      </Button>
                       <div className="flex items-center gap-2 p-3 bg-amber-50 dark:bg-amber-950/20 rounded-lg mb-4">
                         <Shield className="h-4 w-4 text-amber-600" />
                         <div className="text-sm">

components/doma-marketplace.tsx

@@ -306,7 +306,7 @@ export function DomaMarketplace({ walletAddress, isConnected }: DomaMarketplaceP
                         </div>
                         <div className="flex items-center justify-between text-sm">
                           <span className="text-muted-foreground">Chain:</span>
-                          <span>Sepolia Testnet</span>
+                          <span>Doma Network</span>
                         </div>
                       </div>
 

components/domain-monitor.tsx

@@ -183,7 +183,7 @@ export function DomainMonitor({ walletAddress, isConnected }: DomainMonitorProps
             <Button variant="outline" asChild>
               <a href="https://start.doma.xyz" target="_blank" rel="noopener noreferrer">
                 <ExternalLink className="h-4 w-4 mr-2" />
-                Doma Testnet
+                Doma Network
               </a>
             </Button>
           </div>
@@ -262,7 +262,7 @@ export function DomainMonitor({ walletAddress, isConnected }: DomainMonitorProps
                       <TableCell>
                         <Button variant="ghost" size="sm" asChild>
                           <a
-                            href={`https://sepolia.etherscan.io/token/${domain.tokenId}`}
+                            href={`https://explorer-testnet.doma.xyz`}
                             target="_blank"
                             rel="noopener noreferrer"
                           >

components/domainfi-dashboard.tsx

@@ -116,7 +116,7 @@ export function DomanitorDashboard() {
                     Audited
                   </Badge>
                   <Badge variant="secondary" className="bg-accent text-accent-foreground">
-                    Doma Testnet
+                    Doma Network
                   </Badge>
                   <Badge
                     variant="secondary"
@@ -128,13 +128,6 @@ export function DomanitorDashboard() {
                 </div>
               </div>
 
-              {/* Support Badge */}
-              <div className="hidden xl:flex items-center">
-                <Badge variant="outline" className="bg-gradient-to-r from-blue-500 to-purple-500 text-white border-0">
-                  <Sparkles className="h-3 w-3 mr-1" />
-                  Supporting: Ethereum (.eth) | Solana (.sol) | BNB Chain (.bnb) | Cosmos (.cosmos)
-                </Badge>
-              </div>
 
               {/* Right Side Actions */}
               <div className="flex items-center space-x-2">
@@ -202,7 +195,7 @@ export function DomanitorDashboard() {
                 Audited
               </Badge>
               <Badge variant="secondary" className="bg-accent text-accent-foreground">
-                Doma Testnet
+                Doma Network
               </Badge>
               <Badge
                 variant="secondary"
@@ -221,7 +214,7 @@ export function DomanitorDashboard() {
             <Alert className="mb-6 border-accent bg-accent/10 rounded-lg">
               <Activity className="h-4 w-4" />
               <AlertDescription className="text-sm">
-                Connect your wallet to access Domanitor features and start tokenizing domains on Doma testnet.
+                Connect your wallet to access Domanitor features and start tokenizing domains on Doma Network.
                 <strong className="text-foreground"> All transactions are on testnet - no real funds required.</strong>
               </AlertDescription>
             </Alert>

components/tokenization-panel.tsx

@@ -33,13 +33,23 @@ export function TokenizationPanel({ walletAddress, isConnected }: TokenizationPa
   const handleTokenize = async () => {
     if (!isConnected || !domain) return
 
+    const normalized = domain.trim().toLowerCase()
+    const parts = normalized.split('.')
+    const sld = parts[0]
+    const tld = parts.slice(1).join('.')
+    const domainRegex = /^[a-z0-9-]{1,63}\.[a-z0-9.-]{2,63}$/i
+    if (!sld || !tld || !domainRegex.test(normalized)) {
+      setError('Masukkan domain yang valid, mis. example.com')
+      return
+    }
+
     setIsTokenizing(true)
     setError("")
     setTokenizationProgress(0)
 
     try {
       const request: TokenizationRequest = {
-        domain,
+        domain: normalized,
         registrar: selectedRegistrar,
         walletAddress,
         fractionalize,
@@ -100,7 +110,7 @@ export function TokenizationPanel({ walletAddress, isConnected }: TokenizationPa
           <CardContent className="space-y-4">
             {!isConnected && (
               <Alert>
-                <AlertDescription>Connect your wallet to start tokenizing domains on Doma testnet.</AlertDescription>
+                <AlertDescription>Connect your wallet to start tokenizing domains on Doma Network.</AlertDescription>
               </Alert>
             )}
 
@@ -126,7 +136,7 @@ export function TokenizationPanel({ walletAddress, isConnected }: TokenizationPa
                   <SelectValue placeholder="Select registrar" />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="D3">D3 (Doma Testnet)</SelectItem>
+                  <SelectItem value="D3">D3 (Doma Network)</SelectItem>
                   <SelectItem value="GoDaddy">GoDaddy</SelectItem>
                   <SelectItem value="Namecheap">Namecheap</SelectItem>
                   <SelectItem value="Cloudflare">Cloudflare</SelectItem>
@@ -205,7 +215,7 @@ export function TokenizationPanel({ walletAddress, isConnected }: TokenizationPa
                 <AlertDescription className="flex items-center gap-2">
                   <span>Transaction successful!</span>
                   <Button variant="ghost" size="sm" asChild>
-                    <a href={`https://sepolia.etherscan.io/tx/${txHash}`} target="_blank" rel="noopener noreferrer">
+                    <a href={`https://explorer-testnet.doma.xyz/tx/${txHash}`} target="_blank" rel="noopener noreferrer">
                       <ExternalLink className="h-3 w-3" />
                       View on Explorer
                     </a>
@@ -315,7 +325,7 @@ export function TokenizationPanel({ walletAddress, isConnected }: TokenizationPa
       <Card>
         <CardHeader>
           <CardTitle>Recent Doma Protocol Activity</CardTitle>
-          <CardDescription>Latest domains tokenized on the Doma testnet</CardDescription>
+          <CardDescription>Latest domains tokenized on the Doma Network</CardDescription>
         </CardHeader>
         <CardContent>
           <div className="mb-6">