function MainComponent() { const [coins, setCoins] = React.useState([]); const [loading, setLoading] = React.useState(true); const [error, setError] = React.useState(null); const [showForm, setShowForm] = React.useState(false); const [searchTerm, setSearchTerm] = React.useState(""); const [sortBy, setSortBy] = React.useState("market_cap"); const [selectedCoin, setSelectedCoin] = React.useState(null); const [showDetails, setShowDetails] = React.useState(false); // Form state const [formData, setFormData] = React.useState({ name: "", ticker: "", founder: "", team: "", social_link: "", wallet_address: "", launch_date: "", website: "", token_amount: "", price: "", description: "" }); React.useEffect(()=>{ loadCoins(); }, [ searchTerm, sortBy ]); const loadCoins = async ()=>{ try { setLoading(true); const response = await fetch("/api/coins/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ search: searchTerm, sortBy: sortBy, limit: 50 }) }); if (!response.ok) { throw new Error("Failed to fetch coins"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setCoins(data.coins || []); } catch (err) { console.error("Error loading coins:", err); setError("Failed to load coins"); } finally{ setLoading(false); } }; const handleSubmit = async (e)=>{ e.preventDefault(); try { const response = await fetch("/api/coins/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Failed to create coin"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } alert("✅ Coin listed successfully!"); setFormData({ name: "", ticker: "", founder: "", team: "", social_link: "", wallet_address: "", launch_date: "", website: "", token_amount: "", price: "", description: "" }); setShowForm(false); loadCoins(); } catch (err) { console.error("Error creating coin:", err); alert("❌ Failed to list coin: " + err.message); } }; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const viewCoinDetails = async (coinId)=>{ try { const response = await fetch("/api/coins/details", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id: coinId }) }); if (!response.ok) { throw new Error("Failed to fetch coin details"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSelectedCoin(data.coin); setShowDetails(true); } catch (err) { console.error("Error fetching coin details:", err); alert("Failed to load coin details"); } }; const getSocialIcon = (link)=>{ if (!link) return "https://cdn-icons-png.flaticon.com/512/25/25694.png"; if (link.includes("twitter") || link.includes("x.com")) return "https://cdn-icons-png.flaticon.com/512/733/733579.png"; if (link.includes("telegram")) return "https://cdn-icons-png.flaticon.com/512/2111/2111646.png"; if (link.includes("discord")) return "https://cdn-icons-png.flaticon.com/512/2111/2111370.png"; return "https://cdn-icons-png.flaticon.com/512/25/25694.png"; }; const formatNumber = (num)=>{ if (!num) return "0"; if (num >= 1e9) return (num / 1e9).toFixed(2) + "B"; if (num >= 1e6) return (num / 1e6).toFixed(2) + "M"; if (num >= 1e3) return (num / 1e3).toFixed(2) + "K"; return parseFloat(num).toFixed(2); }; const addToMetaMask = async (address, symbol)=>{ if (!window.ethereum) { alert("MetaMask not detected!"); return; } try { await window.ethereum.request({ method: "wallet_watchAsset", params: { type: "ERC20", options: { address: address, symbol: symbol, decimals: 18, image: "https://cryptologos.cc/logos/metamask-fox-logo.png" } } }); } catch (error) { console.error("Error adding token to MetaMask:", error); } }; if (showDetails && selectedCoin) { return /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", minHeight: "100vh", color: "white", fontFamily: "Segoe UI, sans-serif" }, __source: { fileName: "", lineNumber: 179, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-6", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDetails(false), className: "mb-6 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, "← Back to Listings"), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800 rounded-2xl p-8", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-start mb-6", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-2", __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }, selectedCoin.name, /*#__PURE__*/ React.createElement("span", { className: "ml-3 px-3 py-1 bg-blue-600 text-sm rounded-full", __source: { fileName: "", lineNumber: 200, columnNumber: 19 }, __self: this }, selectedCoin.ticker)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-lg", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, selectedCoin.description)), /*#__PURE__*/ React.createElement("div", { className: "text-right mt-4 md:mt-0", __source: { fileName: "", lineNumber: 208, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-green-400", __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }, "$", formatNumber(selectedCoin.price)), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }, "Market Cap: $", formatNumber(selectedCoin.market_cap)))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 mb-6", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 220, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }, "Project Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-gray-300", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 225, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 226, columnNumber: 23 }, __self: this }, "Founder:"), " ", selectedCoin.founder || "Not specified"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 229, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 230, columnNumber: 23 }, __self: this }, "Team:"), " ", selectedCoin.team || "Not specified"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 233, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 234, columnNumber: 23 }, __self: this }, "Launch Date:"), " ", selectedCoin.launch_date ? new Date(selectedCoin.launch_date).toLocaleDateString() : "Not specified"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 241, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 242, columnNumber: 23 }, __self: this }, "Total Supply:"), " ", formatNumber(selectedCoin.token_amount), " ", selectedCoin.ticker)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 250, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 252, columnNumber: 19 }, __self: this }, "Contract & Links"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-gray-300", __source: { fileName: "", lineNumber: 255, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 256, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 257, columnNumber: 23 }, __self: this }, "Contract Address:")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 259, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "bg-slate-700 px-2 py-1 rounded text-sm break-all", __source: { fileName: "", lineNumber: 260, columnNumber: 23 }, __self: this }, selectedCoin.wallet_address || "Not available"), selectedCoin.wallet_address && /*#__PURE__*/ React.createElement("button", { onClick: ()=>addToMetaMask(selectedCoin.wallet_address, selectedCoin.ticker), className: "p-1 hover:bg-slate-700 rounded", title: "Add to MetaMask", __source: { fileName: "", lineNumber: 264, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://cryptologos.cc/logos/metamask-fox-logo.png", className: "w-6 h-6", alt: "MetaMask", __source: { fileName: "", lineNumber: 274, columnNumber: 27 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }, selectedCoin.website && /*#__PURE__*/ React.createElement("a", { href: selectedCoin.website, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 px-4 py-2 bg-slate-700 rounded-lg hover:bg-slate-600 transition-colors", __source: { fileName: "", lineNumber: 287, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://cdn-icons-png.flaticon.com/512/25/25694.png", className: "w-5 h-5", alt: "Website", __source: { fileName: "", lineNumber: 293, columnNumber: 23 }, __self: this }), "Website"), selectedCoin.social_link && /*#__PURE__*/ React.createElement("a", { href: selectedCoin.social_link, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 px-4 py-2 bg-slate-700 rounded-lg hover:bg-slate-600 transition-colors", __source: { fileName: "", lineNumber: 302, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: getSocialIcon(selectedCoin.social_link), className: "w-5 h-5", alt: "Social", __source: { fileName: "", lineNumber: 308, columnNumber: 23 }, __self: this }), "Social"))))))); } return /*#__PURE__*/ React.createElement("div", { style: { background: "#0f172a", minHeight: "100vh", color: "white", fontFamily: "Segoe UI, sans-serif" }, __source: { fileName: "", lineNumber: 326, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 335, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 336, columnNumber: 9 }, __self: this }, "🌐 GChained Coin Listings"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 mb-8 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 341, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 342, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search coins by name or ticker...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full px-4 py-3 bg-slate-800 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 343, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("select", { value: sortBy, onChange: (e)=>setSortBy(e.target.value), className: "px-4 py-3 bg-slate-800 border border-slate-600 rounded-lg text-white focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 351, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "market_cap", __source: { fileName: "", lineNumber: 356, columnNumber: 13 }, __self: this }, "Sort by Market Cap"), /*#__PURE__*/ React.createElement("option", { value: "price", __source: { fileName: "", lineNumber: 357, columnNumber: 13 }, __self: this }, "Sort by Price"), /*#__PURE__*/ React.createElement("option", { value: "name", __source: { fileName: "", lineNumber: 358, columnNumber: 13 }, __self: this }, "Sort by Name"), /*#__PURE__*/ React.createElement("option", { value: "created_at", __source: { fileName: "", lineNumber: 359, columnNumber: 13 }, __self: this }, "Sort by Date Added"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 364, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800 rounded-xl p-6 text-center", __source: { fileName: "", lineNumber: 365, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-blue-400", __source: { fileName: "", lineNumber: 366, columnNumber: 13 }, __self: this }, coins.length), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 369, columnNumber: 13 }, __self: this }, "Total Coins Listed")), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800 rounded-xl p-6 text-center", __source: { fileName: "", lineNumber: 371, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-green-400", __source: { fileName: "", lineNumber: 372, columnNumber: 13 }, __self: this }, "$", formatNumber(coins.reduce((sum, coin)=>sum + (parseFloat(coin.market_cap) || 0), 0))), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 381, columnNumber: 13 }, __self: this }, "Total Market Cap")), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800 rounded-xl p-6 text-center", __source: { fileName: "", lineNumber: 383, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-purple-400", __source: { fileName: "", lineNumber: 384, columnNumber: 13 }, __self: this }, "24h"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 385, columnNumber: 13 }, __self: this }, "Active Trading"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900 border border-red-700 text-red-100 px-4 py-3 rounded-lg mb-6 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 391, columnNumber: 11 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 398, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 399, columnNumber: 13 }, __self: this }, "Loading coins...")) : /* Coins Grid */ /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 403, columnNumber: 11 }, __self: this }, coins.map((coin, index)=>/*#__PURE__*/ React.createElement("div", { key: coin.id, className: "bg-slate-800 rounded-xl p-6 hover:bg-slate-700 transition-colors", __source: { fileName: "", lineNumber: 405, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-2", __source: { fileName: "", lineNumber: 411, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 412, columnNumber: 23 }, __self: this }, "#", index + 1), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 415, columnNumber: 23 }, __self: this }, coin.name), /*#__PURE__*/ React.createElement("span", { className: "px-2 py-1 bg-blue-600 text-xs rounded-full", __source: { fileName: "", lineNumber: 416, columnNumber: 23 }, __self: this }, coin.ticker)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm line-clamp-2", __source: { fileName: "", lineNumber: 420, columnNumber: 21 }, __self: this }, coin.description))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 mb-4", __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 427, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 428, columnNumber: 21 }, __self: this }, "Price:"), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-green-400", __source: { fileName: "", lineNumber: 429, columnNumber: 21 }, __self: this }, "$", formatNumber(coin.price))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 433, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 434, columnNumber: 21 }, __self: this }, "Market Cap:"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 435, columnNumber: 21 }, __self: this }, "$", formatNumber(coin.market_cap))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 439, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 440, columnNumber: 21 }, __self: this }, "Supply:"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this }, formatNumber(coin.token_amount), " ", coin.ticker))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 447, columnNumber: 17 }, __self: this }, coin.website && /*#__PURE__*/ React.createElement("a", { href: coin.website, target: "_blank", rel: "noopener noreferrer", className: "p-2 hover:bg-slate-600 rounded-lg transition-colors", title: "Website", __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://cdn-icons-png.flaticon.com/512/25/25694.png", className: "w-5 h-5", alt: "Website", __source: { fileName: "", lineNumber: 456, columnNumber: 23 }, __self: this })), coin.social_link && /*#__PURE__*/ React.createElement("a", { href: coin.social_link, target: "_blank", rel: "noopener noreferrer", className: "p-2 hover:bg-slate-600 rounded-lg transition-colors", title: "Social", __source: { fileName: "", lineNumber: 464, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: getSocialIcon(coin.social_link), className: "w-5 h-5", alt: "Social", __source: { fileName: "", lineNumber: 471, columnNumber: 23 }, __self: this })), coin.wallet_address && /*#__PURE__*/ React.createElement("button", { onClick: ()=>addToMetaMask(coin.wallet_address, coin.ticker), className: "p-2 hover:bg-slate-600 rounded-lg transition-colors", title: "Add to MetaMask", __source: { fileName: "", lineNumber: 479, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://cryptologos.cc/logos/metamask-fox-logo.png", className: "w-5 h-5", alt: "MetaMask", __source: { fileName: "", lineNumber: 486, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>viewCoinDetails(coin.id), className: "w-full py-2 bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors font-medium", __source: { fileName: "", lineNumber: 495, columnNumber: 17 }, __self: this }, "🔍 View Details")))), coins.length === 0 && !loading && /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 507, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 508, columnNumber: 13 }, __self: this }, "No coins found"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 509, columnNumber: 13 }, __self: this }, "Try adjusting your search or add the first coin!"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowForm(!showForm), className: "fixed bottom-6 right-6 w-16 h-16 bg-blue-600 hover:bg-blue-700 rounded-full text-2xl text-white shadow-lg hover:shadow-xl transition-all z-50", title: "List New Coin", __source: { fileName: "", lineNumber: 517, columnNumber: 7 }, __self: this }, showForm ? "✕" : "➕"), showForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-40", __source: { fileName: "", lineNumber: 527, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800 rounded-2xl p-6 w-full max-w-2xl max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 528, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 529, columnNumber: 13 }, __self: this }, "📤 List New Coin"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 531, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 532, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Coin Name", value: formData.name, onChange: handleInputChange, required: true, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 533, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "ticker", placeholder: "Ticker (e.g., BTC)", value: formData.ticker, onChange: handleInputChange, required: true, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 542, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "founder", placeholder: "Founder", value: formData.founder, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 551, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "team", placeholder: "Team (comma separated)", value: formData.team, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 559, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "url", name: "social_link", placeholder: "Social Link (e.g., twitter.com/coin)", value: formData.social_link, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 567, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "wallet_address", placeholder: "Contract Address", value: formData.wallet_address, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 575, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "launch_date", value: formData.launch_date, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 583, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "url", name: "website", placeholder: "Website URL", value: formData.website, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "token_amount", placeholder: "Total Supply", value: formData.token_amount, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 598, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.00000001", name: "price", placeholder: "Price per Token ($)", value: formData.price, onChange: handleInputChange, className: "px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 606, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("textarea", { name: "description", placeholder: "Coin Description", value: formData.description, onChange: handleInputChange, rows: "3", className: "w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 617, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 626, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowForm(false), className: "flex-1 py-3 bg-slate-600 hover:bg-slate-500 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 627, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 py-3 bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors font-medium", __source: { fileName: "", lineNumber: 634, columnNumber: 17 }, __self: this }, "📤 Submit Coin")))))); }