function MainComponent() { const [coins, setCoins] = React.useState([]); const [selectedCoin, setSelectedCoin] = React.useState(null); const [comments, setComments] = React.useState([]); const [userAddress, setUserAddress] = React.useState(""); const [isConnected, setIsConnected] = React.useState(false); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(""); const [success, setSuccess] = React.useState(""); const [activeTab, setActiveTab] = React.useState("coins"); const [coinForm, setCoinForm] = React.useState({ name: "", symbol: "", description: "", walletAddress: "", websiteUrl: "", contractAddress: "", tokenStandard: "ERC-20", logoUrl: "" }); const [commentForm, setCommentForm] = React.useState({ comment: "", rating: 5 }); React.useEffect(()=>{ if (error) { const timer = setTimeout(()=>setError(""), 5000); return ()=>clearTimeout(timer); } }, [ error ]); React.useEffect(()=>{ if (success) { const timer = setTimeout(()=>setSuccess(""), 5000); return ()=>clearTimeout(timer); } }, [ success ]); const connectWallet = async ()=>{ if (typeof window !== "undefined" && typeof window.ethereum !== "undefined") { try { const accounts = await window.ethereum.request({ method: "eth_requestAccounts" }); setUserAddress(accounts[0]); setIsConnected(true); setError(""); setSuccess("Wallet connected successfully!"); } catch (error) { console.error("Wallet connection error:", error); setError("Failed to connect wallet. Please try again."); } } else { setError("MetaMask is not installed. Please install MetaMask to use this dApp."); } }; const loadCoins = async ()=>{ try { const response = await fetch("/api/get-coins", { method: "POST" }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { setCoins(data.coins || []); } else { setError(data.error || "Failed to load coins"); } } catch (error) { console.error("Load coins error:", error); setError("Failed to load coins. Please refresh the page."); } }; const loadComments = async (coinId)=>{ try { const response = await fetch("/api/get-comments", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ coinId }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { setComments(data.comments || []); } else { setError(data.error || "Failed to load comments"); } } catch (error) { console.error("Load comments error:", error); setError("Failed to load comments"); } }; const addCoin = async (e)=>{ e.preventDefault(); if (!isConnected) { setError("Please connect your wallet first"); return; } if (!coinForm.name || !coinForm.symbol || !coinForm.walletAddress) { setError("Please fill in all required fields (Name, Symbol, Wallet Address)"); return; } setLoading(true); setError(""); try { const response = await fetch("/api/add-coin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(coinForm) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { setCoinForm({ name: "", symbol: "", description: "", walletAddress: "", websiteUrl: "", contractAddress: "", tokenStandard: "ERC-20", logoUrl: "" }); await loadCoins(); setActiveTab("coins"); setSuccess("Coin added successfully!"); } else { setError(data.error || "Failed to add coin"); } } catch (error) { console.error("Add coin error:", error); setError("Failed to add coin. Please try again."); } finally{ setLoading(false); } }; const voteCoin = async (coinId)=>{ if (!isConnected) { setError("Please connect your wallet first"); return; } try { const response = await fetch("/api/vote-coin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ coinId, userAddress }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { await loadCoins(); setSuccess("Vote cast successfully!"); } else { setError(data.error || "Failed to vote"); } } catch (error) { console.error("Vote error:", error); setError("Failed to cast vote. Please try again."); } }; const addComment = async (e)=>{ e.preventDefault(); if (!isConnected) { setError("Please connect your wallet first"); return; } if (!commentForm.comment.trim()) { setError("Please enter a comment"); return; } try { const response = await fetch("/api/add-comment", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ coinId: selectedCoin.id, userAddress, comment: commentForm.comment.trim(), rating: commentForm.rating }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { setCommentForm({ comment: "", rating: 5 }); await loadComments(selectedCoin.id); setSuccess("Comment added successfully!"); } else { setError(data.error || "Failed to add comment"); } } catch (error) { console.error("Add comment error:", error); setError("Failed to add comment. Please try again."); } }; const addToMetaMask = async (coin)=>{ if (!isConnected) { setError("Please connect your wallet first"); return; } if (!coin.contract_address) { setError("This coin does not have a contract address"); return; } if (typeof window !== "undefined" && typeof window.ethereum !== "undefined") { try { const wasAdded = await window.ethereum.request({ method: "wallet_watchAsset", params: { type: "ERC20", options: { address: coin.contract_address, symbol: coin.symbol, decimals: 18, image: coin.logo_url || "" } } }); if (wasAdded) { setSuccess(`${coin.symbol} token added to MetaMask!`); } } catch (error) { console.error("MetaMask add token error:", error); setError("Failed to add token to MetaMask"); } } else { setError("MetaMask is not available"); } }; React.useEffect(()=>{ loadCoins(); }, []); React.useEffect(()=>{ if (selectedCoin) { loadComments(selectedCoin.id); } }, [ selectedCoin ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900", __source: { fileName: "", lineNumber: 278, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 279, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 280, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 281, columnNumber: 11 }, __self: this }, "🗳️ Crypto Voting DApp"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 mb-6", __source: { fileName: "", lineNumber: 284, columnNumber: 11 }, __self: this }, "Vote for your favorite cryptocurrencies and add new coins to the ecosystem"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 289, columnNumber: 11 }, __self: this }, !isConnected ? /*#__PURE__*/ React.createElement("button", { onClick: connectWallet, className: "bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-lg", __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, "🦊 Connect MetaMask") : /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 text-white px-6 py-3 rounded-lg inline-block shadow-lg", __source: { fileName: "", lineNumber: 298, columnNumber: 15 }, __self: this }, "✅ Connected: ", userAddress.slice(0, 6), "...", userAddress.slice(-4)))), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 text-white p-4 rounded-lg mb-6 text-center shadow-lg", __source: { fileName: "", lineNumber: 307, columnNumber: 11 }, __self: this }, success, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSuccess(""), className: "ml-4 text-green-200 hover:text-white", __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }, "✕")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 text-white p-4 rounded-lg mb-6 text-center shadow-lg", __source: { fileName: "", lineNumber: 319, columnNumber: 11 }, __self: this }, error, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setError(""), className: "ml-4 text-red-200 hover:text-white", __source: { fileName: "", lineNumber: 321, columnNumber: 13 }, __self: this }, "✕")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 330, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-md rounded-lg p-1 shadow-lg", __source: { fileName: "", lineNumber: 331, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("coins"), className: `px-6 py-3 rounded-lg font-semibold transition-all duration-300 ${activeTab === "coins" ? "bg-white text-purple-900 shadow-md" : "text-white hover:bg-white/20"}`, __source: { fileName: "", lineNumber: 332, columnNumber: 13 }, __self: this }, "🪙 View Coins (", coins.length, ")"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("add"), className: `px-6 py-3 rounded-lg font-semibold transition-all duration-300 ${activeTab === "add" ? "bg-white text-purple-900 shadow-md" : "text-white hover:bg-white/20"}`, __source: { fileName: "", lineNumber: 342, columnNumber: 13 }, __self: this }, "➕ Add Coin"))), activeTab === "coins" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 356, columnNumber: 11 }, __self: this }, coins.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-4", __source: { fileName: "", lineNumber: 359, columnNumber: 17 }, __self: this }, "🪙"), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 360, columnNumber: 17 }, __self: this }, "No coins yet!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-6", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, "Be the first to add a coin to the voting system."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("add"), className: "bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105", __source: { fileName: "", lineNumber: 366, columnNumber: 17 }, __self: this }, "➕ Add First Coin")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 374, columnNumber: 15 }, __self: this }, coins.map((coin)=>/*#__PURE__*/ React.createElement("div", { key: coin.id, className: "bg-white/10 backdrop-blur-md rounded-xl p-6 border border-white/20 hover:bg-white/20 transition-all duration-300 shadow-lg hover:shadow-xl", __source: { fileName: "", lineNumber: 376, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 380, columnNumber: 21 }, __self: this }, coin.logo_url ? /*#__PURE__*/ React.createElement("img", { src: coin.logo_url, alt: coin.name, className: "w-12 h-12 rounded-full mr-4 object-cover", onError: (e)=>{ e.target.style.display = "none"; }, __source: { fileName: "", lineNumber: 382, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full mr-4 bg-gradient-to-br from-purple-500 to-blue-500 flex items-center justify-center text-white font-bold", __source: { fileName: "", lineNumber: 391, columnNumber: 25 }, __self: this }, coin.symbol.charAt(0)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 395, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 396, columnNumber: 25 }, __self: this }, coin.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 font-semibold", __source: { fileName: "", lineNumber: 399, columnNumber: 25 }, __self: this }, coin.symbol))), coin.description && /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4 text-sm leading-relaxed", __source: { fileName: "", lineNumber: 406, columnNumber: 23 }, __self: this }, coin.description.length > 100 ? `${coin.description.substring(0, 100)}...` : coin.description), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 mb-4 text-sm", __source: { fileName: "", lineNumber: 413, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 414, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 415, columnNumber: 25 }, __self: this }, "Wallet:"), " ", coin.wallet_address.slice(0, 10), "...", coin.wallet_address.slice(-6)), coin.website_url && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 420, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: coin.website_url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-400 hover:text-blue-300 transition-colors", __source: { fileName: "", lineNumber: 421, columnNumber: 27 }, __self: this }, "🌐 Visit Website")), coin.contract_address && /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 432, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 433, columnNumber: 27 }, __self: this }, "Contract:"), " ", coin.contract_address.slice(0, 10), "...", coin.contract_address.slice(-6))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 440, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-bold text-white", __source: { fileName: "", lineNumber: 441, columnNumber: 23 }, __self: this }, "🗳️ ", coin.votes || 0, " votes"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400 bg-white/10 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 444, columnNumber: 23 }, __self: this }, coin.token_standard)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>voteCoin(coin.id), disabled: !isConnected, className: "bg-green-600 hover:bg-green-700 disabled:bg-gray-600 disabled:cursor-not-allowed text-white px-4 py-2 rounded-lg font-semibold transition-all duration-300 flex-1 shadow-md", __source: { fileName: "", lineNumber: 450, columnNumber: 23 }, __self: this }, "👍 Vote"), coin.contract_address && /*#__PURE__*/ React.createElement("button", { onClick: ()=>addToMetaMask(coin), disabled: !isConnected, className: "bg-orange-600 hover:bg-orange-700 disabled:bg-gray-600 disabled:cursor-not-allowed text-white px-3 py-2 rounded-lg font-semibold transition-all duration-300 shadow-md", title: "Add to MetaMask", __source: { fileName: "", lineNumber: 459, columnNumber: 25 }, __self: this }, "🦊"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedCoin(coin), className: "bg-blue-600 hover:bg-blue-700 text-white px-3 py-2 rounded-lg font-semibold transition-all duration-300 shadow-md", title: "View Comments", __source: { fileName: "", lineNumber: 469, columnNumber: 23 }, __self: this }, "💬")))))), activeTab === "add" && /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 485, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-md rounded-xl p-8 border border-white/20 shadow-lg", __source: { fileName: "", lineNumber: 486, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6 text-center", __source: { fileName: "", lineNumber: 487, columnNumber: 15 }, __self: this }, "Add New Coin"), /*#__PURE__*/ React.createElement("form", { onSubmit: addCoin, className: "space-y-4", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 492, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 493, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 494, columnNumber: 21 }, __self: this }, "Coin Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: coinForm.name, onChange: (e)=>setCoinForm({ ...coinForm, name: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent", placeholder: "Bitcoin", required: true, __source: { fileName: "", lineNumber: 497, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 510, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 511, columnNumber: 21 }, __self: this }, "Symbol *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "symbol", value: coinForm.symbol, onChange: (e)=>setCoinForm({ ...coinForm, symbol: e.target.value.toUpperCase() }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent", placeholder: "BTC", maxLength: "10", required: true, __source: { fileName: "", lineNumber: 514, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 532, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 533, columnNumber: 19 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("textarea", { name: "description", value: coinForm.description, onChange: (e)=>setCoinForm({ ...coinForm, description: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent resize-none", placeholder: "Describe your coin...", rows: "3", __source: { fileName: "", lineNumber: 536, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 548, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 549, columnNumber: 19 }, __self: this }, "Wallet Address *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "walletAddress", value: coinForm.walletAddress, onChange: (e)=>setCoinForm({ ...coinForm, walletAddress: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent", placeholder: "0x...", required: true, __source: { fileName: "", lineNumber: 552, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 568, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 569, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 570, columnNumber: 21 }, __self: this }, "Website URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "websiteUrl", value: coinForm.websiteUrl, onChange: (e)=>setCoinForm({ ...coinForm, websiteUrl: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent", placeholder: "https://...", __source: { fileName: "", lineNumber: 573, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 585, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 586, columnNumber: 21 }, __self: this }, "Contract Address"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "contractAddress", value: coinForm.contractAddress, onChange: (e)=>setCoinForm({ ...coinForm, contractAddress: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent", placeholder: "0x...", __source: { fileName: "", lineNumber: 589, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 605, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 606, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 607, columnNumber: 21 }, __self: this }, "Token Standard"), /*#__PURE__*/ React.createElement("select", { name: "tokenStandard", value: coinForm.tokenStandard, onChange: (e)=>setCoinForm({ ...coinForm, tokenStandard: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent", __source: { fileName: "", lineNumber: 610, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "ERC-20", __source: { fileName: "", lineNumber: 621, columnNumber: 23 }, __self: this }, "ERC-20"), /*#__PURE__*/ React.createElement("option", { value: "ERC-721", __source: { fileName: "", lineNumber: 622, columnNumber: 23 }, __self: this }, "ERC-721 (NFT)"), /*#__PURE__*/ React.createElement("option", { value: "ERC-1155", __source: { fileName: "", lineNumber: 623, columnNumber: 23 }, __self: this }, "ERC-1155"), /*#__PURE__*/ React.createElement("option", { value: "BEP-20", __source: { fileName: "", lineNumber: 624, columnNumber: 23 }, __self: this }, "BEP-20"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 628, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 629, columnNumber: 21 }, __self: this }, "Logo URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "logoUrl", value: coinForm.logoUrl, onChange: (e)=>setCoinForm({ ...coinForm, logoUrl: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent", placeholder: "https://...", __source: { fileName: "", lineNumber: 632, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || !isConnected, className: "w-full bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700 disabled:from-gray-600 disabled:to-gray-600 disabled:cursor-not-allowed text-white font-bold py-4 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 disabled:scale-100 shadow-lg", __source: { fileName: "", lineNumber: 645, columnNumber: 17 }, __self: this }, loading ? "⏳ Adding Coin..." : "🚀 Add Coin")))), selectedCoin && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 658, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-md rounded-xl p-6 max-w-2xl w-full max-h-[80vh] overflow-y-auto border border-white/20 shadow-2xl", __source: { fileName: "", lineNumber: 659, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 660, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 661, columnNumber: 17 }, __self: this }, "💬 Comments for ", selectedCoin.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedCoin(null), className: "text-white hover:text-gray-300 text-2xl transition-colors", __source: { fileName: "", lineNumber: 664, columnNumber: 17 }, __self: this }, "✕")), isConnected && /*#__PURE__*/ React.createElement("form", { onSubmit: addComment, className: "mb-6 p-4 bg-white/10 rounded-lg", __source: { fileName: "", lineNumber: 673, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 677, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 678, columnNumber: 21 }, __self: this }, "Rating"), /*#__PURE__*/ React.createElement("select", { name: "rating", value: commentForm.rating, onChange: (e)=>setCommentForm({ ...commentForm, rating: parseInt(e.target.value) }), className: "w-full px-4 py-2 rounded-lg bg-white/20 border border-white/30 text-white focus:outline-none focus:ring-2 focus:ring-purple-500", __source: { fileName: "", lineNumber: 681, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: 5, __source: { fileName: "", lineNumber: 692, columnNumber: 23 }, __self: this }, "⭐⭐⭐⭐⭐ (5 stars)"), /*#__PURE__*/ React.createElement("option", { value: 4, __source: { fileName: "", lineNumber: 693, columnNumber: 23 }, __self: this }, "⭐⭐⭐⭐ (4 stars)"), /*#__PURE__*/ React.createElement("option", { value: 3, __source: { fileName: "", lineNumber: 694, columnNumber: 23 }, __self: this }, "⭐⭐⭐ (3 stars)"), /*#__PURE__*/ React.createElement("option", { value: 2, __source: { fileName: "", lineNumber: 695, columnNumber: 23 }, __self: this }, "⭐⭐ (2 stars)"), /*#__PURE__*/ React.createElement("option", { value: 1, __source: { fileName: "", lineNumber: 696, columnNumber: 23 }, __self: this }, "⭐ (1 star)"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 700, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white font-semibold mb-2", __source: { fileName: "", lineNumber: 701, columnNumber: 21 }, __self: this }, "Comment"), /*#__PURE__*/ React.createElement("textarea", { name: "comment", value: commentForm.comment, onChange: (e)=>setCommentForm({ ...commentForm, comment: e.target.value }), className: "w-full px-4 py-3 rounded-lg bg-white/20 border border-white/30 text-white placeholder-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500 resize-none", placeholder: "Share your thoughts about this coin...", rows: "3", required: true, __source: { fileName: "", lineNumber: 704, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-semibold transition-all duration-300 shadow-md", __source: { fileName: "", lineNumber: 720, columnNumber: 19 }, __self: this }, "💬 Add Comment")), !isConnected && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-yellow-600/20 border border-yellow-500/30 rounded-lg", __source: { fileName: "", lineNumber: 730, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-yellow-200 text-center", __source: { fileName: "", lineNumber: 731, columnNumber: 19 }, __self: this }, "Connect your wallet to add comments and ratings")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 737, columnNumber: 15 }, __self: this }, comments.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 739, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-2", __source: { fileName: "", lineNumber: 740, columnNumber: 21 }, __self: this }, "💬"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 741, columnNumber: 21 }, __self: this }, "No comments yet. Be the first to share your thoughts!")) : comments.map((comment)=>/*#__PURE__*/ React.createElement("div", { key: comment.id, className: "bg-white/10 rounded-lg p-4", __source: { fileName: "", lineNumber: 747, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 751, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 752, columnNumber: 25 }, __self: this }, comment.user_address.slice(0, 6), "...", comment.user_address.slice(-4)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 756, columnNumber: 25 }, __self: this }, comment.rating && /*#__PURE__*/ React.createElement("div", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 758, columnNumber: 29 }, __self: this }, "⭐".repeat(comment.rating)), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 762, columnNumber: 27 }, __self: this }, new Date(comment.created_at).toLocaleDateString()))), /*#__PURE__*/ React.createElement("p", { className: "text-white leading-relaxed", __source: { fileName: "", lineNumber: 767, columnNumber: 23 }, __self: this }, comment.comment)))))))); }