function TimezoneConverter() { const [timezones, setTimezones] = useState([]); const [fromTimezone, setFromTimezone] = useState(""); const [toTimezone, setToTimezone] = useState(""); const [convertedTime, setConvertedTime] = useState(null); const [loading, setLoading] = useState(true); const [converting, setConverting] = useState(false); const [error, setError] = useState(null); const [useCurrentTime, setUseCurrentTime] = useState(true); const [customDateTime, setCustomDateTime] = useState(""); const [isDark, setIsDark] = useState(false); useEffect(()=>{ fetchTimezones(); }, []); useEffect(()=>{ if (fromTimezone && toTimezone) { convertTime(); } }, [ fromTimezone, toTimezone, useCurrentTime, customDateTime ]); useEffect(()=>{ if (fromTimezone && toTimezone && useCurrentTime) { const interval = setInterval(convertTime, 60000); return ()=>clearInterval(interval); } }, [ fromTimezone, toTimezone, useCurrentTime ]); useEffect(()=>{ const link = document.querySelector("link[rel*='icon']") || document.createElement("link"); link.type = "image/png"; link.rel = "icon"; link.href = "https://ucarecdn.com/77dac108-8d6d-446c-97b6-f51f15ca8cf1/-/format/auto/"; document.getElementsByTagName("head")[0].appendChild(link); }, []); const fetchTimezones = async ()=>{ try { const response = await fetch("/api/timezones", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to fetch timezones: ${response.status}`); } const result = await response.json(); if (result.success && Array.isArray(result.data)) { setTimezones(result.data); setError(null); } else { throw new Error(result.error || "Failed to fetch timezone data"); } } catch (err) { setError("Unable to load timezones. Please try again later."); } finally{ setLoading(false); } }; const convertTime = async ()=>{ if (!fromTimezone || !toTimezone) return; if (!useCurrentTime && !customDateTime) return; setConverting(true); try { let dateTime; if (useCurrentTime) { const now = new Date(); dateTime = now.toLocaleString("sv").replace("T", " ").slice(0, 19); } else { const customDate = new Date(customDateTime); dateTime = customDate.toLocaleString("sv").replace("T", " ").slice(0, 19); } const response = await fetch("/api/convert-timezone", { method: "POST", body: JSON.stringify({ fromTimeZone: fromTimezone, toTimeZone: toTimezone, dateTime }), headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const result = await response.json(); if (!result || !result.data) { throw new Error("Failed to convert time"); } setConvertedTime(result.data); setError(null); } catch (err) { setError("Unable to convert time. Please try again later."); setConvertedTime(null); } finally{ setConverting(false); } }; const LoadingSkeleton = ()=>/*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 109, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white", __source: { fileName: "", lineNumber: 116, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 bg-black/90 backdrop-blur-lg z-50 border-b border-white/10", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold hover:text-white/80 transition-colors", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "$VICIT"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 text-sm", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/anonymous-board", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("a", { href: "/timezone-converter", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Timezone Converter"))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 156, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 157, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white/5 backdrop-blur-lg rounded-2xl border border-white/10 p-6", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold text-white", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "Time Converter"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUseCurrentTime(!useCurrentTime), className: "text-sm px-3 py-1.5 rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, useCurrentTime ? "Use Custom Time" : "Use Current Time")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/50 text-red-200 p-3 rounded-lg mb-4 text-sm flex items-center", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }), error), loading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: fromTimezone, onChange: (e)=>setFromTimezone(e.target.value), className: "flex-1 p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 191, columnNumber: 21 }, __self: this }, "From"), timezones.map((tz)=>/*#__PURE__*/ React.createElement("option", { key: tz, value: tz, __source: { fileName: "", lineNumber: 193, columnNumber: 23 }, __self: this }, tz.split("/").pop().replace("_", " ")))), /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-white/40", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: toTimezone, onChange: (e)=>setToTimezone(e.target.value), className: "flex-1 p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 204, columnNumber: 21 }, __self: this }, "To"), timezones.map((tz)=>/*#__PURE__*/ React.createElement("option", { key: tz, value: tz, __source: { fileName: "", lineNumber: 206, columnNumber: 23 }, __self: this }, tz.split("/").pop().replace("_", " "))))), !useCurrentTime && /*#__PURE__*/ React.createElement("input", { type: "datetime-local", value: customDateTime, onChange: (e)=>setCustomDateTime(e.target.value), className: "w-full p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this })), converting ? /*#__PURE__*/ React.createElement("div", { className: "mt-6 animate-pulse", __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-20 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this })) : convertedTime && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start gap-4", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60 mb-1", __source: { fileName: "", lineNumber: 233, columnNumber: 23 }, __self: this }, fromTimezone.split("/").pop().replace("_", " ")), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-white", __source: { fileName: "", lineNumber: 236, columnNumber: 23 }, __self: this }, new Date(convertedTime.fromDateTime).toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60", __source: { fileName: "", lineNumber: 241, columnNumber: 23 }, __self: this }, new Date(convertedTime.fromDateTime).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-right", __source: { fileName: "", lineNumber: 247, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60 mb-1", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, toTimezone.split("/").pop().replace("_", " ")), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-white", __source: { fileName: "", lineNumber: 251, columnNumber: 23 }, __self: this }, new Date(convertedTime.conversionResult.dateTime).toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }, new Date(convertedTime.conversionResult.dateTime).toLocaleDateString())))))))); } function TimezoneConverterStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 275, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TimezoneConverter, { __source: { fileName: "", lineNumber: 276, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isDark, setIsDark] = useState(false); const [data, setData] = useState({ activeUsers: [], topPosts: [], topProjects: [], recentActivity: [], recentDraws: [] }); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [isDrawerOpen, setIsDrawerOpen] = useState(false); const [showTokenCA, setShowTokenCA] = useState(false); const tokenCA = "9RoX13KFnC62G6n3uUoYRV7YaFjEvd4v3hexRkWMpump"; // Updated token CA useEffect(()=>{ document.body.classList.toggle("dark-theme", isDark); document.body.classList.toggle("light-theme", !isDark); }, [ isDark ]); useEffect(()=>{ const link = document.querySelector("link[rel*='icon']") || document.createElement("link"); link.type = "image/png"; link.rel = "icon"; link.href = "https://ucarecdn.com/77dac108-8d6d-446c-97b6-f51f15ca8cf1/-/format/auto/"; document.getElementsByTagName("head")[0].appendChild(link); }, []); const copyTokenCA = ()=>{ navigator.clipboard.writeText(tokenCA); setShowTokenCA(true); setTimeout(()=>setShowTokenCA(false), 2000); }; const fetchLeaderboardData = useCallback(async ()=>{ try { const response = await fetch("/api/leaderboard", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch leaderboard data"); } const result = await response.json(); if (!result.success) { throw new Error(result.error || "Failed to fetch leaderboard data"); } setData(result.data); setError(null); } catch (err) { setError(err.message); console.error("Error fetching leaderboard:", err); } finally{ setLoading(false); } }, []); useEffect(()=>{ fetchLeaderboardData(); }, [ fetchLeaderboardData ]); const LoadingSkeleton = ()=>/*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, [ 1, 2, 3, 4 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `animate-pulse ${isDark ? "bg-white/5" : "bg-black/5"} rounded-2xl h-48`, __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }))); return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen ${isDark ? "bg-black text-white" : "bg-white text-black"}`, __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 bg-black/50 backdrop-blur-sm z-50 md:hidden ${isDrawerOpen ? "block" : "hidden"}`, onClick: ()=>setIsDrawerOpen(false), __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `fixed top-0 right-0 h-full w-64 ${isDark ? "bg-black" : "bg-white"} z-50 transform transition-transform duration-300 ease-in-out md:hidden ${isDrawerOpen ? "translate-x-0" : "translate-x-full"}`, __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(false), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-6 mt-8", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/app", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Launch APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mt-4", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://discord.com/invite/bbM2zdgM", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-xl", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors font-bold`, style: { fontFamily: "Arial, sans-serif" }, __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "𝕏"))))), /*#__PURE__*/ React.createElement("div", { className: `fixed top-0 left-0 right-0 ${isDark ? "bg-black/90" : "bg-white/90"} backdrop-blur-lg z-50 border-b ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 143, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://vicit.fun/", className: `text-2xl font-bold hover:opacity-80 transition-colors mr-3`, __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, "$VICIT")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center gap-6", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://discord.com/invite/bbM2zdgM", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-xl", __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors font-bold`, style: { fontFamily: "Arial, sans-serif" }, __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, "𝕏")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 text-sm", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/app", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "Launch APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: `${isDark ? "text-white hover:text-white" : "text-black hover:text-black"} transition-colors font-medium`, __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }, "Leaderboard")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDark(!isDark), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isDark ? "sun" : "moon"}`, __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 md:hidden", __source: { fileName: "", lineNumber: 213, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDark(!isDark), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 214, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isDark ? "sun" : "moon"}`, __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(true), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 231, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 232, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 233, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, "Track the most active users, top projects, and recent activity")), /*#__PURE__*/ React.createElement("div", { className: `mb-12 ${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-xl p-4 md:p-6 rounded-2xl shadow-lg transform transition-all duration-300 hover:shadow-2xl`, __source: { fileName: "", lineNumber: 241, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 244, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 w-full md:w-auto", __source: { fileName: "", lineNumber: 245, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center ${isDark ? "bg-white/10" : "bg-black/10"} flex-shrink-0`, __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://e1a4c9d0d2f9f737c5e1.ucr.io/-/preview/https://api.urlbox.io/v1/NTYqWgJv5s0qDIxN/jpeg?url=https%3A%2F%2Fpump.fun%2F&full_page=true&width=1024&max_height=2048&quality=80", alt: "pump.fun", className: "w-8 h-8 md:w-10 md:h-10 rounded-full object-cover", __source: { fileName: "", lineNumber: 249, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-left flex-1 min-w-0", __source: { fileName: "", lineNumber: 255, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm md:text-base font-bold", __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this }, "$VICIT Token"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-1 w-full", __source: { fileName: "", lineNumber: 259, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `px-2 py-1 rounded-md ${isDark ? "bg-white/10" : "bg-black/10"} text-xs md:text-sm font-mono relative group w-full`, __source: { fileName: "", lineNumber: 260, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-1 overflow-hidden", __source: { fileName: "", lineNumber: 263, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate", __source: { fileName: "", lineNumber: 264, columnNumber: 25 }, __self: this }, tokenCA), /*#__PURE__*/ React.createElement("button", { onClick: copyTokenCA, className: `ml-1 p-1 rounded-full ${isDark ? "hover:bg-white/20" : "hover:bg-black/20"} transition-colors flex-shrink-0`, __source: { fileName: "", lineNumber: 265, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy text-xs", __source: { fileName: "", lineNumber: 269, columnNumber: 27 }, __self: this }))), showTokenCA && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-black/80 text-white text-xs rounded whitespace-nowrap z-10", __source: { fileName: "", lineNumber: 273, columnNumber: 25 }, __self: this }, "Copied!"))))), /*#__PURE__*/ React.createElement("a", { href: "https://moonshot.money/Xo8zm5eQpbUaEBWXApkBF5Ii?ref=F4Mkxg3oOz", target: "_blank", rel: "noopener noreferrer", className: `px-6 py-3 rounded-xl ${isDark ? "bg-gradient-to-r from-white to-white/90 text-black" : "bg-gradient-to-r from-black to-black/90 text-white"} text-sm md:text-base font-bold transition-all hover:scale-105 shadow-lg w-full md:w-auto text-center`, __source: { fileName: "", lineNumber: 281, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket", __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, "Buy on Moonshot"))))), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-center mb-8 text-lg font-medium", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement(LoadingSkeleton, { __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "space-y-8 md:space-y-16", __source: { fileName: "", lineNumber: 308, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-lg rounded-2xl p-6 md:p-8 border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }, "Most Active Users"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 316, columnNumber: 19 }, __self: this }, data.activeUsers.map((user, index)=>/*#__PURE__*/ React.createElement("div", { key: user.solana_address, className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 318, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 322, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 323, columnNumber: 27 }, __self: this }, "#", index + 1), /*#__PURE__*/ React.createElement("span", { className: "truncate max-w-[150px] md:max-w-[200px]", __source: { fileName: "", lineNumber: 330, columnNumber: 27 }, __self: this }, user.solana_address)), /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/80" : "text-black/80", __source: { fileName: "", lineNumber: 334, columnNumber: 25 }, __self: this }, user.post_count, " posts"))))), /*#__PURE__*/ React.createElement("div", { className: `${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-lg rounded-2xl p-6 md:p-8 border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 344, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 347, columnNumber: 19 }, __self: this }, "Top Projects"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 350, columnNumber: 19 }, __self: this }, data.topProjects.map((project, index)=>/*#__PURE__*/ React.createElement("div", { key: project.project_ticker, className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 352, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 356, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 357, columnNumber: 27 }, __self: this }, "#", index + 1), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 364, columnNumber: 27 }, __self: this }, project.project_ticker)), /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/80" : "text-black/80", __source: { fileName: "", lineNumber: 366, columnNumber: 25 }, __self: this }, project.total_reactions, " reactions")))))), /*#__PURE__*/ React.createElement("div", { className: `${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-lg rounded-2xl p-6 md:p-8 border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 377, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 380, columnNumber: 17 }, __self: this }, "Top Posts"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6", __source: { fileName: "", lineNumber: 383, columnNumber: 17 }, __self: this }, data.topPosts.map((post)=>/*#__PURE__*/ React.createElement("div", { key: post.id, className: `p-4 md:p-6 ${isDark ? "bg-white/5" : "bg-black/5"} rounded-xl border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 385, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 389, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 390, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate inline-block max-w-[200px] md:max-w-full", __source: { fileName: "", lineNumber: 393, columnNumber: 27 }, __self: this }, post.solana_address)), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 397, columnNumber: 25 }, __self: this }, post.project_ticker), post.content && /*#__PURE__*/ React.createElement("p", { className: isDark ? "text-white/80" : "text-black/80", "mt-2": true, __source: { fileName: "", lineNumber: 399, columnNumber: 27 }, __self: this }, post.content), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center gap-4 mt-2", __source: { fileName: "", lineNumber: 408, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 409, columnNumber: 27 }, __self: this }, "🏆 ", post.reaction_count, " reactions"), /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/40" : "text-black/40", __source: { fileName: "", lineNumber: 416, columnNumber: 27 }, __self: this }, new Date(post.created_at).toLocaleDateString("en-US", { month: "long", day: "numeric" })))))))), /*#__PURE__*/ React.createElement("div", { className: `${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-lg rounded-2xl p-6 md:p-8 border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 436, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 439, columnNumber: 17 }, __self: this }, "Recent Activity"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6", __source: { fileName: "", lineNumber: 442, columnNumber: 17 }, __self: this }, data.recentActivity.map((post)=>/*#__PURE__*/ React.createElement("div", { key: post.id, className: `p-4 md:p-6 ${isDark ? "bg-white/5" : "bg-black/5"} rounded-xl border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 444, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 448, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 449, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate inline-block max-w-[200px] md:max-w-full", __source: { fileName: "", lineNumber: 452, columnNumber: 27 }, __self: this }, post.solana_address)), /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 456, columnNumber: 25 }, __self: this }, post.project_ticker), post.content && /*#__PURE__*/ React.createElement("p", { className: isDark ? "text-white/80" : "text-black/80", "mt-2": true, __source: { fileName: "", lineNumber: 458, columnNumber: 27 }, __self: this }, post.content), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center gap-4 mt-2", __source: { fileName: "", lineNumber: 467, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 468, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 469, columnNumber: 29 }, __self: this }, "👍"), /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 470, columnNumber: 29 }, __self: this }, post.likes)), /*#__PURE__*/ React.createElement("span", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 478, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 479, columnNumber: 29 }, __self: this }, "❤️"), /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 480, columnNumber: 29 }, __self: this }, post.loves)), /*#__PURE__*/ React.createElement("span", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 488, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 489, columnNumber: 29 }, __self: this }, "🚀"), /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/60" : "text-black/60", __source: { fileName: "", lineNumber: 490, columnNumber: 29 }, __self: this }, post.rockets)), /*#__PURE__*/ React.createElement("span", { className: isDark ? "text-white/40" : "text-black/40", __source: { fileName: "", lineNumber: 498, columnNumber: 27 }, __self: this }, new Date(post.created_at).toLocaleDateString("en-US", { month: "long", day: "numeric", hour: "numeric", minute: "numeric" }))))))))))), /*#__PURE__*/ React.createElement("div", { className: `py-8 ${isDark ? "bg-black/80" : "bg-black/5"} backdrop-blur-sm`, __source: { fileName: "", lineNumber: 524, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 527, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 528, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: `text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 529, columnNumber: 13 }, __self: this }, "ALL RIGHTS RESERVED 2025 $VICIT"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mt-2", __source: { fileName: "", lineNumber: 534, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 535, columnNumber: 15 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/terms-of-service", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 541, columnNumber: 15 }, __self: this }, "Terms of Service"), /*#__PURE__*/ React.createElement("a", { href: "/contact-us", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 547, columnNumber: 15 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 553, columnNumber: 15 }, __self: this }, "About Us"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 564, columnNumber: 7 }, __self: this }, ` @keyframes fadeSlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .grid > div { animation: fadeSlideUp 0.4s ease-out forwards; } .dark-theme { background-color: black; color: white; } .light-theme { background-color: white; color: black; } `)); }