function MainComponent() { const [currentPage, setCurrentPage] = useState("login"); const [tasks, setTasks] = useState([]); const [newTask, setNewTask] = useState(""); const [selectedCategory, setSelectedCategory] = useState("all"); const [reminderDate, setReminderDate] = useState(""); const [stars, setStars] = useState(0); const [showStars, setShowStars] = useState(true); const [backgroundColor, setBackgroundColor] = useState("#FFA500"); const [textColor, setTextColor] = useState("#000000"); const [isPremium, setIsPremium] = useState(false); const [touchStart, setTouchStart] = useState(null); const [touchEnd, setTouchEnd] = useState(null); const [messages, setMessages] = useState([]); const [newMessage, setNewMessage] = useState(""); const pages = [ "home", "tasks", "about", "premium", "settings", "profile", "leaderboard", "staff", "admin", "chat" ]; const handleTouchStart = (e)=>{ setTouchStart(e.touches[0].clientX); }; const handleTouchMove = (e)=>{ setTouchEnd(e.touches[0].clientX); }; const handleTouchEnd = ()=>{ if (!touchStart || !touchEnd) return; const distance = touchStart - touchEnd; const isLeftSwipe = distance > 50; const isRightSwipe = distance < -50; const currentIndex = pages.indexOf(currentPage); if (isLeftSwipe && currentIndex < pages.length - 1) { setCurrentPage(pages[currentIndex + 1]); } if (isRightSwipe && currentIndex > 0) { setCurrentPage(pages[currentIndex - 1]); } setTouchStart(null); setTouchEnd(null); }; const [user, setUser] = useState(null); const [profilePic, setProfilePic] = useState(null); const [upload, { loading }] = useUpload(); const [leaderboard, setLeaderboard] = useState([]); const [username, setUsername] = useState(""); const [password, setPassword] = useState(""); const [role, setRole] = useState("user"); const sendMessage = useCallback((e)=>{ e.preventDefault(); if (!newMessage.trim()) return; setMessages((prev)=>[ ...prev, { sender: user?.username, text: newMessage } ]); setNewMessage(""); }, [ newMessage, user ]); useEffect(()=>{ const savedUser = localStorage.getItem("user"); if (savedUser) { const parsedUser = JSON.parse(savedUser); if (leaderboard.some((u)=>u.username.toLowerCase() === parsedUser.username.toLowerCase() && u.id !== parsedUser.id)) { localStorage.removeItem("user"); return; } const bannedUser = leaderboard.find((u)=>u.username === parsedUser.username && u.role === "banned"); if (bannedUser || parsedUser.role === "banned") { alert("Your account has been banned."); localStorage.removeItem("user"); setUser(null); setCurrentPage("login"); return; } setIsPremium(true); setUser(parsedUser); setUsername(parsedUser.username); setRole(parsedUser.role); setCurrentPage("home"); } }, [ leaderboard ]); useEffect(()=>{ const now = new Date(); const midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1, 0, 0, 0); const timeUntilMidnight = midnight - now; const timer = setTimeout(()=>{ setTasks(tasks.map((task)=>({ ...task, completed: false, progress: 0 }))); setStars(0); }, timeUntilMidnight); setIsPremium(true); return ()=>clearTimeout(timer); }, [ tasks ]); useEffect(()=>{ const fetchLeaderboard = async ()=>{ const response = await fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `users` ORDER BY `stars` DESC" }) }); const data = await response.json(); const sortedData = [ ...data ].sort((a, b)=>b.stars - a.stars); setLeaderboard(sortedData); }; fetchLeaderboard(); }, []); const deleteAllMembers = useCallback(async ()=>{ if (window.confirm("Are you sure you want to delete all members? This cannot be undone.")) { await fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "DELETE FROM `users` WHERE `role` != 'admin' AND `role` != 'owner'" }) }); setLeaderboard((prev)=>prev.filter((user)=>user.role === "admin" || user.role === "owner")); if (user?.role !== "admin" && user?.role !== "owner") { localStorage.removeItem("user"); setUser(null); setCurrentPage("login"); } } }, [ user ]); const deleteTask = useCallback((id)=>{ setTasks((prevTasks)=>prevTasks.filter((task)=>task.id !== id)); }, []); const addTask = useCallback((e)=>{ e.preventDefault(); if (!newTask.trim()) return; if (!isPremium && tasks.length >= 3) { alert("You've reached the maximum of 3 tasks. Upgrade to Premium for unlimited tasks!"); return; } setTasks((prevTasks)=>[ ...prevTasks, { id: Date.now(), text: newTask, completed: false, category: selectedCategory, reminder: reminderDate, progress: 0 } ]); setNewTask(""); setReminderDate(""); }, [ newTask, selectedCategory, reminderDate, isPremium, tasks.length ]); const toggleComplete = useCallback(async (id)=>{ setTasks((prevTasks)=>prevTasks.map((task)=>{ if (task.id === id) { const newCompleted = !task.completed; if (showStars && user) { const newStars = newCompleted ? stars + 1 : Math.max(0, stars - 1); fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `stars` = ? WHERE `username` = ?", values: [ newStars, user.username ] }) }); setStars(newStars); setLeaderboard((prev)=>prev.map((u)=>u.username === user.username ? { ...u, stars: newStars } : u)); } return { ...task, completed: newCompleted }; } return task; })); }, [ showStars, user, stars ]); const updateProgress = useCallback((id, progress)=>{ setTasks((prevTasks)=>prevTasks.map((task)=>task.id === id ? { ...task, progress } : task)); }, []); const totalTasks = tasks.length; const completedTasks = tasks.filter((task)=>task.completed).length; const averageProgress = tasks.length ? Math.round(tasks.reduce((acc, task)=>acc + task.progress, 0) / tasks.length) : 0; const handleLogin = useCallback(async (e)=>{ e.preventDefault(); if (!username.trim()) { alert("Please enter a username"); return; } if (leaderboard.some((u)=>u.username.toLowerCase() === username.toLowerCase())) { alert("Username already taken"); return; } const userRole = username.toLowerCase() === "noah unruh" ? "owner" : username.toLowerCase() === "admin" ? "admin" : "user"; const newUser = { username, stars: 0, role: userRole, id: Date.now() }; await fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `users` (`username`, `stars`, `role`, `id`) VALUES (?, ?, ?, ?)", values: [ username, 0, userRole, newUser.id ] }) }); setUser(newUser); setRole(userRole); setLeaderboard((prev)=>[ ...prev, newUser ]); localStorage.setItem("user", JSON.stringify(newUser)); setCurrentPage("home"); }, [ username, leaderboard ]); const handleProfilePicUpload = useCallback(async (file)=>{ const { url, error } = await upload({ file }); if (error) { alert("Failed to upload image"); return; } setProfilePic(url); }, [ upload ]); const handleUsernameChange = useCallback((e)=>{ e.preventDefault(); const newUsername = e.target.username.value; if (!newUsername.trim()) { alert("Please enter a username"); return; } if (leaderboard.some((u)=>u.username.toLowerCase() === newUsername.toLowerCase() && u.id !== user.id)) { alert("Username already taken"); return; } fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `username` = ? WHERE `id` = ?", values: [ newUsername, user.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === user.id ? { ...u, username: newUsername } : u)); const updatedUser = { ...user, username: newUsername }; setUser(updatedUser); setUsername(newUsername); localStorage.setItem("user", JSON.stringify(updatedUser)); alert("Username updated successfully!"); }, [ user, leaderboard ]); const handleDeleteAccount = useCallback(()=>{ if (window.confirm("Are you sure you want to delete your account? This cannot be undone.")) { fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "DELETE FROM `users` WHERE `id` = ?", values: [ user.id ] }) }); setLeaderboard((prev)=>prev.filter((u)=>u.id !== user.id)); localStorage.removeItem("user"); setUser(null); setCurrentPage("login"); } }, [ user ]); const renderContent = ()=>{ if (currentPage === "login" && !user) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md max-w-md mx-auto", __source: { fileName: "", lineNumber: 353, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 354, columnNumber: 11 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex justify-center", __source: { fileName: "", lineNumber: 355, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 356, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: profilePic || "https://via.placeholder.com/100", alt: "Profile", className: "w-24 h-24 rounded-full object-cover", __source: { fileName: "", lineNumber: 357, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "absolute bottom-0 right-0 bg-[#FFA500] p-2 rounded-full cursor-pointer", __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera text-white", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", accept: "image/*", onChange: (e)=>handleProfilePicUpload(e.target.files[0]), __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-4", __source: { fileName: "", lineNumber: 373, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", value: username, onChange: (e)=>setUsername(e.target.value), placeholder: "Username", className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), placeholder: "Password", className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 383, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#FFA500] text-white px-6 py-2 rounded hover:bg-[#FF8C00]", __source: { fileName: "", lineNumber: 392, columnNumber: 13 }, __self: this }, "Login"))); } if (currentPage === "profile") { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 404, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 405, columnNumber: 11 }, __self: this }, "Profile"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4 mb-6", __source: { fileName: "", lineNumber: 406, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 407, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: profilePic || "https://via.placeholder.com/100", alt: "Profile", className: "w-24 h-24 rounded-full object-cover", __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "absolute bottom-0 right-0 bg-[#FFA500] p-2 rounded-full cursor-pointer", __source: { fileName: "", lineNumber: 413, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera text-white", __source: { fileName: "", lineNumber: 414, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", accept: "image/*", onChange: (e)=>handleProfilePicUpload(e.target.files[0]), __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 423, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 424, columnNumber: 15 }, __self: this }, user?.username), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 425, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-1", __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }), stars, " stars"))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleUsernameChange, className: "space-y-4", __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", placeholder: "New username", className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#FFA500] text-white px-6 py-2 rounded hover:bg-[#FF8C00]", __source: { fileName: "", lineNumber: 439, columnNumber: 13 }, __self: this }, "Change Username"))); } if (currentPage === "leaderboard") { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 451, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 452, columnNumber: 11 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 455, columnNumber: 11 }, __self: this }, leaderboard.map((player, index)=>/*#__PURE__*/ React.createElement("div", { key: player.id, className: "flex items-center justify-between p-4 bg-gray-50 rounded hover:bg-gray-100 transition-colors", __source: { fileName: "", lineNumber: 457, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 461, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 flex items-center justify-center", __source: { fileName: "", lineNumber: 462, columnNumber: 19 }, __self: this }, index === 0 && /*#__PURE__*/ React.createElement("i", { className: "fas fa-crown text-yellow-400 text-xl", __source: { fileName: "", lineNumber: 464, columnNumber: 23 }, __self: this }), index === 1 && /*#__PURE__*/ React.createElement("i", { className: "fas fa-medal text-gray-400 text-xl", __source: { fileName: "", lineNumber: 467, columnNumber: 23 }, __self: this }), index === 2 && /*#__PURE__*/ React.createElement("i", { className: "fas fa-medal text-yellow-600 text-xl", __source: { fileName: "", lineNumber: 470, columnNumber: 23 }, __self: this }), index > 2 && /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold text-gray-400", __source: { fileName: "", lineNumber: 473, columnNumber: 23 }, __self: this }, index + 1)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 478, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 479, columnNumber: 21 }, __self: this }, player.username), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 480, columnNumber: 21 }, __self: this }, player.role))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 485, columnNumber: 19 }, __self: this }, player.stars)))))); } if (currentPage === "home") { return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 495, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 496, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 497, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-white transform rotate-45", __source: { fileName: "", lineNumber: 498, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-white", __source: { fileName: "", lineNumber: 499, columnNumber: 15 }, __self: this }, "TaskZen"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 502, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 503, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 504, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#FFA500] mb-4", __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }, "Track Your Progress"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 508, columnNumber: 17 }, __self: this }, "Stay organized and focused with our simple task management system. Limited to 3 tasks to keep you focused."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("tasks"), className: "bg-[#FFA500] text-white px-6 py-3 rounded-lg hover:bg-[#FF8C00]", __source: { fileName: "", lineNumber: 512, columnNumber: 17 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 519, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#FFA500] mb-4", __source: { fileName: "", lineNumber: 520, columnNumber: 17 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-gray-600", __source: { fileName: "", lineNumber: 523, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 524, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 525, columnNumber: 21 }, __self: this }), "Task Categories"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 528, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 529, columnNumber: 21 }, __self: this }), "Progress Tracking"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 532, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 533, columnNumber: 21 }, __self: this }), "Reminders"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 536, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 537, columnNumber: 21 }, __self: this }), "Progress Statistics")))))); } if (currentPage === "about") { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 549, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 550, columnNumber: 11 }, __self: this }, "About TaskZen"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 553, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 554, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#FFA500] mb-3", __source: { fileName: "", lineNumber: 555, columnNumber: 15 }, __self: this }, "Our Mission"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 558, columnNumber: 15 }, __self: this }, "TaskZen helps you stay organized and focused with a simple, intuitive task management system. We believe in making productivity accessible to everyone.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 564, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#FFA500] mb-3", __source: { fileName: "", lineNumber: 565, columnNumber: 15 }, __self: this }, "How It Works"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 568, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-4", __source: { fileName: "", lineNumber: 569, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list text-4xl text-[#FFA500] mb-3", __source: { fileName: "", lineNumber: 570, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, "Create Tasks"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 572, columnNumber: 19 }, __self: this }, "Add your tasks with categories and deadlines")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-4", __source: { fileName: "", lineNumber: 576, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-4xl text-[#FFA500] mb-3", __source: { fileName: "", lineNumber: 577, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 578, columnNumber: 19 }, __self: this }, "Track Progress"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 579, columnNumber: 19 }, __self: this }, "Monitor your completion rates and progress")), /*#__PURE__*/ React.createElement("div", { className: "text-center p-4", __source: { fileName: "", lineNumber: 583, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-4xl text-[#FFA500] mb-3", __source: { fileName: "", lineNumber: 584, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 585, columnNumber: 19 }, __self: this }, "Achieve Goals"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 586, columnNumber: 19 }, __self: this }, "Complete tasks and reach your objectives")))))); } if (currentPage === "settings") { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 598, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 599, columnNumber: 11 }, __self: this }, "Settings"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 600, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 601, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg text-gray-700", __source: { fileName: "", lineNumber: 602, columnNumber: 15 }, __self: this }, "Show Stars"), /*#__PURE__*/ React.createElement("label", { className: "relative inline-flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 603, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: showStars, onChange: ()=>setShowStars(!showStars), className: "sr-only peer", __source: { fileName: "", lineNumber: 604, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-[#FFA500]", __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 613, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg text-gray-700", __source: { fileName: "", lineNumber: 614, columnNumber: 15 }, __self: this }, "Background Color"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 615, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "color", value: backgroundColor, onChange: (e)=>setBackgroundColor(e.target.value), className: "w-12 h-12 rounded cursor-pointer", __source: { fileName: "", lineNumber: 616, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setBackgroundColor("#FFA500"), className: "px-3 py-1 bg-gray-200 rounded text-sm", __source: { fileName: "", lineNumber: 622, columnNumber: 17 }, __self: this }, "Reset"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 630, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg text-gray-700", __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this }, "Text Color"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 632, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "color", value: textColor, onChange: (e)=>setTextColor(e.target.value), className: "w-12 h-12 rounded cursor-pointer", __source: { fileName: "", lineNumber: 633, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setTextColor("#000000"), className: "px-3 py-1 bg-gray-200 rounded text-sm", __source: { fileName: "", lineNumber: 639, columnNumber: 17 }, __self: this }, "Reset"))), /*#__PURE__*/ React.createElement("div", { className: "pt-6 border-t", __source: { fileName: "", lineNumber: 647, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleDeleteAccount, className: "w-full bg-red-500 text-white px-6 py-2 rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 648, columnNumber: 15 }, __self: this }, "Delete Account")))); } if (currentPage === "premium") { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 661, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 662, columnNumber: 11 }, __self: this }, "Premium Features"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 665, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 666, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#FFA500]", __source: { fileName: "", lineNumber: 667, columnNumber: 15 }, __self: this }, "Free"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 668, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 669, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 670, columnNumber: 19 }, __self: this }), "3 Tasks"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 672, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 673, columnNumber: 19 }, __self: this }), "Basic Categories"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 676, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 677, columnNumber: 19 }, __self: this }), "Progress Tracking")), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 681, columnNumber: 15 }, __self: this }, "$0/month"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gray-200 text-gray-700 px-6 py-3 rounded-lg", disabled: true, __source: { fileName: "", lineNumber: 682, columnNumber: 15 }, __self: this }, isPremium ? "Upgraded" : "Current Plan")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 689, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#FFA500]", __source: { fileName: "", lineNumber: 690, columnNumber: 15 }, __self: this }, "Premium"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 691, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 692, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 693, columnNumber: 19 }, __self: this }), "Unlimited Tasks"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 696, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 697, columnNumber: 19 }, __self: this }), "Custom Categories"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 700, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 701, columnNumber: 19 }, __self: this }), "Advanced Analytics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 704, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#FFA500] mr-2", __source: { fileName: "", lineNumber: 705, columnNumber: 19 }, __self: this }), "Priority Support")), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 709, columnNumber: 15 }, __self: this }, "$2/month"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsPremium(true), className: "w-full bg-[#FFA500] text-white px-6 py-3 rounded-lg hover:bg-[#FF8C00]", disabled: isPremium, __source: { fileName: "", lineNumber: 710, columnNumber: 15 }, __self: this }, isPremium ? "Premium Active" : "Upgrade Now")))); } if (currentPage === "staff") { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 724, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 725, columnNumber: 11 }, __self: this }, "Staff Members"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 728, columnNumber: 11 }, __self: this }, [ ...leaderboard ].filter((user)=>user.role === "staff").map((staffMember)=>/*#__PURE__*/ React.createElement("div", { key: staffMember.username, className: "bg-gray-50 p-6 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 732, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 736, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://via.placeholder.com/150", alt: `Staff member ${staffMember.username}`, className: "w-24 h-24 rounded-full object-cover mb-4", __source: { fileName: "", lineNumber: 737, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 742, columnNumber: 21 }, __self: this }, staffMember.username), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 text-center", __source: { fileName: "", lineNumber: 745, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 746, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-1", __source: { fileName: "", lineNumber: 747, columnNumber: 25 }, __self: this }), staffMember.stars || 0, " stars"), /*#__PURE__*/ React.createElement("div", { className: "text-green-500", __source: { fileName: "", lineNumber: 750, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-1", __source: { fileName: "", lineNumber: 751, columnNumber: 25 }, __self: this }), "Active Staff"))))))); } if (currentPage === "tasks") { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-8", __source: { fileName: "", lineNumber: 765, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-md text-center", __source: { fileName: "", lineNumber: 766, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-[#FFA500]", __source: { fileName: "", lineNumber: 767, columnNumber: 15 }, __self: this }, totalTasks), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500", __source: { fileName: "", lineNumber: 770, columnNumber: 15 }, __self: this }, "Total Tasks")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-md text-center", __source: { fileName: "", lineNumber: 772, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-[#FFA500]", __source: { fileName: "", lineNumber: 773, columnNumber: 15 }, __self: this }, completedTasks), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500", __source: { fileName: "", lineNumber: 776, columnNumber: 15 }, __self: this }, "Completed Tasks")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-md text-center", __source: { fileName: "", lineNumber: 778, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-[#FFA500]", __source: { fileName: "", lineNumber: 779, columnNumber: 15 }, __self: this }, averageProgress, "%"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500", __source: { fileName: "", lineNumber: 782, columnNumber: 15 }, __self: this }, "Average Progress"))), /*#__PURE__*/ React.createElement("form", { onSubmit: addTask, className: "mb-8 bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 785, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 789, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "task", value: newTask, onChange: (e)=>setNewTask(e.target.value), placeholder: "Add a new task...", className: "flex-grow p-2 border rounded", __source: { fileName: "", lineNumber: 790, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "category", value: selectedCategory, onChange: (e)=>setSelectedCategory(e.target.value), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 798, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 804, columnNumber: 17 }, __self: this }, "Category"), /*#__PURE__*/ React.createElement("option", { value: "work", __source: { fileName: "", lineNumber: 805, columnNumber: 17 }, __self: this }, "Work"), /*#__PURE__*/ React.createElement("option", { value: "personal", __source: { fileName: "", lineNumber: 806, columnNumber: 17 }, __self: this }, "Personal"), /*#__PURE__*/ React.createElement("option", { value: "shopping", __source: { fileName: "", lineNumber: 807, columnNumber: 17 }, __self: this }, "Shopping")), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", name: "reminder", value: reminderDate, onChange: (e)=>setReminderDate(e.target.value), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 809, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#FFA500] text-white px-6 py-2 rounded hover:bg-[#FF8C00]", __source: { fileName: "", lineNumber: 816, columnNumber: 15 }, __self: this }, "Add Task"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 824, columnNumber: 11 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, className: "bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 826, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 827, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 828, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: task.completed, onChange: ()=>toggleComplete(task.id), className: "h-5 w-5", __source: { fileName: "", lineNumber: 829, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: `font-roboto ${task.completed ? "line-through text-gray-500" : ""}`, __source: { fileName: "", lineNumber: 835, columnNumber: 21 }, __self: this }, task.text)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 841, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 842, columnNumber: 21 }, __self: this }, task.category), task.reminder && /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 846, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 847, columnNumber: 25 }, __self: this }), new Date(task.reminder).toLocaleString()), /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteTask(task.id), className: "text-red-500 hover:text-red-700", __source: { fileName: "", lineNumber: 851, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 855, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 859, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "range", min: "0", max: "100", value: task.progress, onChange: (e)=>updateProgress(task.id, parseInt(e.target.value)), className: "w-full", __source: { fileName: "", lineNumber: 860, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-right text-sm text-gray-500", __source: { fileName: "", lineNumber: 870, columnNumber: 19 }, __self: this }, task.progress, "% Complete")))))); } if (currentPage === "chat") { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 882, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 883, columnNumber: 11 }, __self: this }, "Chat"), /*#__PURE__*/ React.createElement("div", { className: "h-[400px] overflow-y-auto mb-4 p-4 border rounded", __source: { fileName: "", lineNumber: 884, columnNumber: 11 }, __self: this }, messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `mb-4 ${msg.sender === user?.username ? "text-right" : "text-left"}`, __source: { fileName: "", lineNumber: 886, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `inline-block p-3 rounded-lg ${msg.sender === user?.username ? "bg-[#FFA500] text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 892, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-sm mb-1", __source: { fileName: "", lineNumber: 899, columnNumber: 19 }, __self: this }, msg.sender), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 900, columnNumber: 19 }, __self: this }, msg.text))))), /*#__PURE__*/ React.createElement("form", { onSubmit: sendMessage, className: "flex gap-2", __source: { fileName: "", lineNumber: 905, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newMessage, onChange: (e)=>setNewMessage(e.target.value), placeholder: "Type your message...", className: "flex-grow p-2 border rounded", __source: { fileName: "", lineNumber: 906, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#FFA500] text-white px-6 py-2 rounded hover:bg-[#FF8C00]", __source: { fileName: "", lineNumber: 913, columnNumber: 13 }, __self: this }, "Send"))); } if (currentPage === "admin" && (user?.role === "admin" || user?.role === "owner")) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 928, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-[#FFA500] mb-6", __source: { fileName: "", lineNumber: 929, columnNumber: 11 }, __self: this }, "Admin Panel"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 932, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: deleteAllMembers, className: "w-full bg-red-600 text-white px-6 py-3 rounded-lg hover:bg-red-700 flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 933, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bomb", __source: { fileName: "", lineNumber: 937, columnNumber: 15 }, __self: this }), "Nuke All Members")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 941, columnNumber: 11 }, __self: this }, leaderboard.map((member)=>/*#__PURE__*/ React.createElement("div", { key: member.id, className: "flex items-center justify-between p-4 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 943, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 947, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 948, columnNumber: 19 }, __self: this }, member.username), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm text-gray-500", __source: { fileName: "", lineNumber: 949, columnNumber: 19 }, __self: this }, "(", member.role, ")")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 953, columnNumber: 17 }, __self: this }, member.role === "banned" ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'user' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "user" } : u)); }, className: "px-3 py-1 bg-green-500 text-white rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 955, columnNumber: 21 }, __self: this }, "Unban") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'banned' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "banned" } : u)); }, className: "px-3 py-1 bg-red-500 text-white rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 976, columnNumber: 21 }, __self: this }, "Ban"), member.role === "staff" ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'user' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "user" } : u)); }, className: "px-3 py-1 bg-gray-500 text-white rounded hover:bg-gray-600", __source: { fileName: "", lineNumber: 998, columnNumber: 21 }, __self: this }, "Remove Staff") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'staff' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "staff" } : u)); }, className: "px-3 py-1 bg-blue-500 text-white rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 1019, columnNumber: 21 }, __self: this }, "Make Staff"), member.role === "premium" ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'user' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "user" } : u)); }, className: "px-3 py-1 bg-gray-500 text-white rounded hover:bg-gray-600", __source: { fileName: "", lineNumber: 1041, columnNumber: 21 }, __self: this }, "Remove Premium") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsPremium(true); fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'premium' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "premium" } : u)); }, className: "px-3 py-1 bg-yellow-500 text-white rounded hover:bg-yellow-600", __source: { fileName: "", lineNumber: 1062, columnNumber: 21 }, __self: this }, "Give Premium"), member.role === "admin" ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'user' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "user" } : u)); }, className: "px-3 py-1 bg-gray-500 text-white rounded hover:bg-gray-600", __source: { fileName: "", lineNumber: 1085, columnNumber: 21 }, __self: this }, "Remove Admin") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ fetch("/api/db/databot", { method: "POST", body: JSON.stringify({ query: "UPDATE `users` SET `role` = 'admin' WHERE `id` = ?", values: [ member.id ] }) }); setLeaderboard((prev)=>prev.map((u)=>u.id === member.id ? { ...u, role: "admin" } : u)); }, className: "px-3 py-1 bg-purple-500 text-white rounded hover:bg-purple-600", __source: { fileName: "", lineNumber: 1106, columnNumber: 21 }, __self: this }, "Make Admin")))))); } return null; }; const handleLogout = useCallback(()=>{ localStorage.removeItem("user"); setUser(null); setCurrentPage("login"); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-4 relative", style: { backgroundColor, color: textColor }, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, __source: { fileName: "", lineNumber: 1144, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 1151, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col md:flex-row justify-between items-center mb-8", __source: { fileName: "", lineNumber: 1152, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 1153, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto", style: { color: textColor }, __source: { fileName: "", lineNumber: 1154, columnNumber: 13 }, __self: this }, "TaskZen")), user && /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-2", __source: { fileName: "", lineNumber: 1162, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 1163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("home"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "home" ? "bg-white" : ""}`, style: { color: currentPage === "home" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1164, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home", __source: { fileName: "", lineNumber: 1171, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1172, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("tasks"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "tasks" ? "bg-white" : ""}`, style: { color: currentPage === "tasks" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1174, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks", __source: { fileName: "", lineNumber: 1182, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1183, columnNumber: 19 }, __self: this }, "Tasks")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("about"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "about" ? "bg-white" : ""}`, style: { color: currentPage === "about" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle", __source: { fileName: "", lineNumber: 1193, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1194, columnNumber: 19 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("premium"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "premium" ? "bg-white" : ""}`, style: { color: currentPage === "premium" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1196, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-crown", __source: { fileName: "", lineNumber: 1204, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1205, columnNumber: 19 }, __self: this }, "Premium")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("chat"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "chat" ? "bg-white" : ""}`, style: { color: currentPage === "chat" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1207, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments", __source: { fileName: "", lineNumber: 1214, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1215, columnNumber: 19 }, __self: this }, "Chat"))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 1218, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("leaderboard"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "leaderboard" ? "bg-white" : ""}`, style: { color: currentPage === "leaderboard" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1219, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trophy", __source: { fileName: "", lineNumber: 1229, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1230, columnNumber: 19 }, __self: this }, "Leaderboard")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("staff"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "staff" ? "bg-white" : ""}`, style: { color: currentPage === "staff" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1232, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users", __source: { fileName: "", lineNumber: 1240, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1241, columnNumber: 19 }, __self: this }, "Staff")), (user?.role === "admin" || user?.role === "owner") && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("admin"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "admin" ? "bg-white" : ""}`, style: { color: currentPage === "admin" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1244, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt", __source: { fileName: "", lineNumber: 1252, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1253, columnNumber: 21 }, __self: this }, "Admin")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("settings"), className: `px-4 py-2 rounded flex items-center gap-2 ${currentPage === "settings" ? "bg-white" : ""}`, style: { color: currentPage === "settings" ? backgroundColor : textColor }, __source: { fileName: "", lineNumber: 1256, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog", __source: { fileName: "", lineNumber: 1264, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1265, columnNumber: 19 }, __self: this }, "Settings")), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "px-4 py-2 rounded flex items-center gap-2 bg-red-500 text-white hover:bg-red-600", __source: { fileName: "", lineNumber: 1267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 1271, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1272, columnNumber: 19 }, __self: this }, "Logout"))))), /*#__PURE__*/ React.createElement("div", { className: "transition-all duration-300 transform", __source: { fileName: "", lineNumber: 1278, columnNumber: 9 }, __self: this }, renderContent())), user && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 flex items-center gap-2 bg-white p-2 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 1283, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 1284, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", style: { color: backgroundColor }, __source: { fileName: "", lineNumber: 1285, columnNumber: 13 }, __self: this }, user.username), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-xs", __source: { fileName: "", lineNumber: 1288, columnNumber: 13 }, __self: this }, user.role)), /*#__PURE__*/ React.createElement("img", { src: profilePic || "https://via.placeholder.com/100", alt: "Profile picture", className: "w-10 h-10 rounded-full object-cover border-2", style: { borderColor: backgroundColor }, onClick: ()=>setCurrentPage("profile"), __source: { fileName: "", lineNumber: 1290, columnNumber: 11 }, __self: this })), showStars && user && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-20 right-4 bg-white p-1 rounded-lg shadow-md scale-75", __source: { fileName: "", lineNumber: 1300, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-base font-bold", style: { color: backgroundColor }, __source: { fileName: "", lineNumber: 1301, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 mr-1", __source: { fileName: "", lineNumber: 1305, columnNumber: 13 }, __self: this }), stars), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-xs", __source: { fileName: "", lineNumber: 1308, columnNumber: 11 }, __self: this }, "Stars Earned")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 1311, columnNumber: 7 }, __self: this }, ` .transition-all { transition: transform 0.3s ease-out; } `)); }