function MainComponent() { const [activeTab, setActiveTab] = React.useState("overview"); const [topContributors, setTopContributors] = React.useState([]); const [recentActivity, setRecentActivity] = React.useState([]); const [communityStats, setCommunityStats] = React.useState({}); const [featuredCreators, setFeaturedCreators] = React.useState([]); const [discussions, setDiscussions] = React.useState([]); const [loading, setLoading] = React.useState(true); React.useEffect(()=>{ loadCommunityData(); }, []); const loadCommunityData = async ()=>{ setLoading(true); try { // In a real app, these would be separate API calls // For now, using mock data setTopContributors([ { id: 1, username: "NorthmoorAI", isPro: true, avatarUrl: "https://picsum.photos/50/50?random=1", promptsCount: 1247, likesReceived: 45230, rank: 1, badge: "Master Creator" }, { id: 2, username: "Grayve", isPro: true, avatarUrl: "https://picsum.photos/50/50?random=2", promptsCount: 892, likesReceived: 32100, rank: 2, badge: "Expert" }, { id: 3, username: "heeyrina", isPro: false, avatarUrl: "https://picsum.photos/50/50?random=3", promptsCount: 634, likesReceived: 18750, rank: 3, badge: "Rising Star" }, { id: 4, username: "AIArtist", isPro: true, avatarUrl: "https://picsum.photos/50/50?random=4", promptsCount: 567, likesReceived: 15420, rank: 4, badge: "Contributor" }, { id: 5, username: "PromptMaster", isPro: false, avatarUrl: "https://picsum.photos/50/50?random=5", promptsCount: 445, likesReceived: 12890, rank: 5, badge: "Creator" } ]); setRecentActivity([ { id: 1, type: "prompt", user: "NorthmoorAI", action: "shared a new prompt", title: "Cyberpunk Warrior", timestamp: "2 minutes ago", likes: 23 }, { id: 2, type: "like", user: "Grayve", action: "liked", title: "Fantasy Dragon", timestamp: "5 minutes ago" }, { id: 3, type: "comment", user: "heeyrina", action: "commented on", title: "Anime Portrait", timestamp: "12 minutes ago" }, { id: 4, type: "follow", user: "AIArtist", action: "started following", title: "PromptMaster", timestamp: "1 hour ago" }, { id: 5, type: "prompt", user: "PromptMaster", action: "shared a new prompt", title: "Landscape Photography", timestamp: "2 hours ago", likes: 67 } ]); setCommunityStats({ totalUsers: 125847, totalPrompts: 892456, totalLikes: 5672341, activeToday: 12847, newThisWeek: 3421 }); setFeaturedCreators([ { id: 1, username: "NorthmoorAI", isPro: true, avatarUrl: "https://picsum.photos/80/80?random=1", specialty: "Cyberpunk & Sci-Fi", followers: 15420, recentWork: "https://picsum.photos/200/250?random=11" }, { id: 2, username: "Grayve", isPro: true, avatarUrl: "https://picsum.photos/80/80?random=2", specialty: "Fantasy Art", followers: 12890, recentWork: "https://picsum.photos/200/250?random=12" }, { id: 3, username: "heeyrina", isPro: false, avatarUrl: "https://picsum.photos/80/80?random=3", specialty: "Anime & Portraits", followers: 8750, recentWork: "https://picsum.photos/200/250?random=13" } ]); setDiscussions([ { id: 1, title: "Best practices for FLUX prompting", author: "NorthmoorAI", replies: 23, lastActivity: "5 minutes ago", category: "Tips & Tricks", isPinned: true }, { id: 2, title: "Midjourney vs Stable Diffusion comparison", author: "Grayve", replies: 45, lastActivity: "1 hour ago", category: "Discussion" }, { id: 3, title: "How to create consistent character designs", author: "heeyrina", replies: 18, lastActivity: "3 hours ago", category: "Tutorial" }, { id: 4, title: "Weekly prompt challenge: Landscapes", author: "PromptMaster", replies: 67, lastActivity: "6 hours ago", category: "Challenge" } ]); } catch (error) { console.error("Error loading community data:", error); } finally{ setLoading(false); } }; const tabs = [ { key: "overview", label: "Overview", icon: "fas fa-home" }, { key: "leaderboard", label: "Leaderboard", icon: "fas fa-trophy" }, { key: "activity", label: "Activity", icon: "fas fa-clock" }, { key: "discussions", label: "Discussions", icon: "fas fa-comments" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white font-inter", __source: { fileName: "", lineNumber: 205, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white text-black px-4 py-3 flex items-center justify-between", __source: { fileName: "", lineNumber: 207, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 208, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 209, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 bg-black rounded", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, "PromptHero")), /*#__PURE__*/ React.createElement("a", { href: "/community", className: "flex items-center space-x-1 text-sm font-medium", __source: { fileName: "", lineNumber: 213, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-black", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-black", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, "Community")), /*#__PURE__*/ React.createElement("a", { href: "/academy", className: "flex items-center space-x-1 text-sm hover:text-black", __source: { fileName: "", lineNumber: 220, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-gray-500", __source: { fileName: "", lineNumber: 224, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }, "Academy"), /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-400 text-black px-2 py-0.5 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }, "NEW")), /*#__PURE__*/ React.createElement("a", { href: "/create", className: "flex items-center space-x-1 text-sm hover:text-black", __source: { fileName: "", lineNumber: 230, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-gray-500", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, "Create"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-600 hover:text-black", __source: { fileName: "", lineNumber: 239, columnNumber: 11 }, __self: this }, "Log in"), /*#__PURE__*/ React.createElement("button", { className: "bg-black text-white px-4 py-2 rounded hover:bg-gray-800", __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-100 px-4 py-2 text-black", __source: { fileName: "", lineNumber: 247, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 248, columnNumber: 9 }, __self: this }, tabs.map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.key, onClick: ()=>setActiveTab(tab.key), className: `flex items-center space-x-2 px-3 py-2 rounded transition-colors ${activeTab === tab.key ? "bg-black text-white" : "text-gray-600 hover:text-black"}`, __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: tab.icon, __source: { fileName: "", lineNumber: 259, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 260, columnNumber: 15 }, __self: this }, tab.label))))), /*#__PURE__*/ React.createElement("main", { className: "p-6", __source: { fileName: "", lineNumber: 267, columnNumber: 7 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 269, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 270, columnNumber: 13 }, __self: this }, "Loading community data...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, activeTab === "overview" && /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-4", __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-orange-500", __source: { fileName: "", lineNumber: 280, columnNumber: 21 }, __self: this }, communityStats.totalUsers?.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 283, columnNumber: 21 }, __self: this }, "Total Users")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-blue-500", __source: { fileName: "", lineNumber: 286, columnNumber: 21 }, __self: this }, communityStats.totalPrompts?.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 289, columnNumber: 21 }, __self: this }, "Total Prompts")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 291, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-red-500", __source: { fileName: "", lineNumber: 292, columnNumber: 21 }, __self: this }, communityStats.totalLikes?.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 295, columnNumber: 21 }, __self: this }, "Total Likes")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 297, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-green-500", __source: { fileName: "", lineNumber: 298, columnNumber: 21 }, __self: this }, communityStats.activeToday?.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 301, columnNumber: 21 }, __self: this }, "Active Today")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 303, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-purple-500", __source: { fileName: "", lineNumber: 304, columnNumber: 21 }, __self: this }, communityStats.newThisWeek?.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this }, "New This Week"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 flex items-center", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 315, columnNumber: 23 }, __self: this }), "Featured Creators"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 318, columnNumber: 21 }, __self: this }, featuredCreators.map((creator)=>/*#__PURE__*/ React.createElement("div", { key: creator.id, className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 320, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: creator.avatarUrl, alt: creator.username, className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 324, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 329, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 330, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 331, columnNumber: 31 }, __self: this }, creator.username), creator.isPro && /*#__PURE__*/ React.createElement("span", { className: "bg-orange-500 text-white px-2 py-0.5 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 335, columnNumber: 33 }, __self: this }, "PRO")), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 340, columnNumber: 29 }, __self: this }, creator.specialty), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 343, columnNumber: 29 }, __self: this }, creator.followers.toLocaleString(), " followers")), /*#__PURE__*/ React.createElement("img", { src: creator.recentWork, alt: "Recent work", className: "w-16 h-20 rounded object-cover", __source: { fileName: "", lineNumber: 347, columnNumber: 27 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg", __source: { fileName: "", lineNumber: 358, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 flex items-center", __source: { fileName: "", lineNumber: 359, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-blue-500 mr-2", __source: { fileName: "", lineNumber: 360, columnNumber: 23 }, __self: this }), "Recent Activity"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 363, columnNumber: 21 }, __self: this }, recentActivity.slice(0, 6).map((activity)=>/*#__PURE__*/ React.createElement("div", { key: activity.id, className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 365, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-2 h-2 rounded-full mt-2 ${activity.type === "prompt" ? "bg-green-500" : activity.type === "like" ? "bg-red-500" : activity.type === "comment" ? "bg-blue-500" : "bg-purple-500"}`, __source: { fileName: "", lineNumber: 369, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 380, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 381, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 382, columnNumber: 31 }, __self: this }, activity.user), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 385, columnNumber: 31 }, __self: this }, " ", activity.action, " "), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 389, columnNumber: 31 }, __self: this }, activity.title)), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 flex items-center space-x-3", __source: { fileName: "", lineNumber: 393, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 394, columnNumber: 31 }, __self: this }, activity.timestamp), activity.likes && /*#__PURE__*/ React.createElement("span", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 396, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-red-500", __source: { fileName: "", lineNumber: 397, columnNumber: 35 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 398, columnNumber: 35 }, __self: this }, activity.likes)))))))))), activeTab === "leaderboard" && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 413, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-8 text-center", __source: { fileName: "", lineNumber: 414, columnNumber: 17 }, __self: this }, "Community Leaderboard"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 417, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 border-b border-gray-700", __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-4 text-sm font-medium text-gray-400", __source: { fileName: "", lineNumber: 419, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 420, columnNumber: 23 }, __self: this }, "Rank & User"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 421, columnNumber: 23 }, __self: this }, "Prompts"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 422, columnNumber: 23 }, __self: this }, "Likes Received"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 423, columnNumber: 23 }, __self: this }, "Badge"))), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-700", __source: { fileName: "", lineNumber: 426, columnNumber: 19 }, __self: this }, topContributors.map((contributor)=>/*#__PURE__*/ React.createElement("div", { key: contributor.id, className: "p-6 hover:bg-gray-800 transition-colors", __source: { fileName: "", lineNumber: 428, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-4 items-center", __source: { fileName: "", lineNumber: 432, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 433, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm ${contributor.rank === 1 ? "bg-yellow-500 text-black" : contributor.rank === 2 ? "bg-gray-400 text-black" : contributor.rank === 3 ? "bg-orange-600 text-white" : "bg-gray-600 text-white"}`, __source: { fileName: "", lineNumber: 434, columnNumber: 29 }, __self: this }, contributor.rank), /*#__PURE__*/ React.createElement("img", { src: contributor.avatarUrl, alt: contributor.username, className: "w-10 h-10 rounded-full", __source: { fileName: "", lineNumber: 447, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 452, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 453, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 454, columnNumber: 33 }, __self: this }, contributor.username), contributor.isPro && /*#__PURE__*/ React.createElement("span", { className: "bg-orange-500 text-white px-2 py-0.5 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 458, columnNumber: 35 }, __self: this }, "PRO")))), /*#__PURE__*/ React.createElement("div", { className: "text-center font-medium", __source: { fileName: "", lineNumber: 465, columnNumber: 27 }, __self: this }, contributor.promptsCount.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-center font-medium text-red-500", __source: { fileName: "", lineNumber: 468, columnNumber: 27 }, __self: this }, contributor.likesReceived.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 471, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-purple-600 text-white px-3 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 472, columnNumber: 29 }, __self: this }, contributor.badge)))))))), activeTab === "activity" && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-8", __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, "Community Activity"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg p-6", __source: { fileName: "", lineNumber: 488, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 489, columnNumber: 19 }, __self: this }, recentActivity.map((activity)=>/*#__PURE__*/ React.createElement("div", { key: activity.id, className: "flex items-start space-x-4 p-4 bg-gray-800 rounded-lg", __source: { fileName: "", lineNumber: 491, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-3 h-3 rounded-full mt-2 ${activity.type === "prompt" ? "bg-green-500" : activity.type === "like" ? "bg-red-500" : activity.type === "comment" ? "bg-blue-500" : "bg-purple-500"}`, __source: { fileName: "", lineNumber: 495, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 506, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-1", __source: { fileName: "", lineNumber: 507, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 508, columnNumber: 29 }, __self: this }, activity.user), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 509, columnNumber: 29 }, __self: this }, activity.action), /*#__PURE__*/ React.createElement("span", { className: "text-white font-medium", __source: { fileName: "", lineNumber: 512, columnNumber: 29 }, __self: this }, activity.title)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 flex items-center space-x-4", __source: { fileName: "", lineNumber: 516, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 517, columnNumber: 29 }, __self: this }, activity.timestamp), activity.likes && /*#__PURE__*/ React.createElement("span", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 519, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-red-500", __source: { fileName: "", lineNumber: 520, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 521, columnNumber: 33 }, __self: this }, activity.likes, " likes"))))))))), activeTab === "discussions" && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 535, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 536, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 537, columnNumber: 19 }, __self: this }, "Community Discussions"), /*#__PURE__*/ React.createElement("button", { className: "bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 538, columnNumber: 19 }, __self: this }, "Start Discussion")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 542, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-700", __source: { fileName: "", lineNumber: 543, columnNumber: 19 }, __self: this }, discussions.map((discussion)=>/*#__PURE__*/ React.createElement("div", { key: discussion.id, className: "p-6 hover:bg-gray-800 transition-colors", __source: { fileName: "", lineNumber: 545, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 549, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 550, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-2", __source: { fileName: "", lineNumber: 551, columnNumber: 29 }, __self: this }, discussion.isPinned && /*#__PURE__*/ React.createElement("i", { className: "fas fa-thumbtack text-orange-500", __source: { fileName: "", lineNumber: 553, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium hover:text-orange-500 cursor-pointer", __source: { fileName: "", lineNumber: 555, columnNumber: 31 }, __self: this }, discussion.title), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded text-xs ${discussion.category === "Tips & Tricks" ? "bg-green-600" : discussion.category === "Discussion" ? "bg-blue-600" : discussion.category === "Tutorial" ? "bg-purple-600" : "bg-orange-600"} text-white`, __source: { fileName: "", lineNumber: 558, columnNumber: 31 }, __self: this }, discussion.category)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400 flex items-center space-x-4", __source: { fileName: "", lineNumber: 572, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 573, columnNumber: 31 }, __self: this }, "by ", discussion.author), /*#__PURE__*/ React.createElement("span", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 574, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-reply", __source: { fileName: "", lineNumber: 575, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 576, columnNumber: 33 }, __self: this }, discussion.replies, " replies")), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 578, columnNumber: 31 }, __self: this }, "Last activity: ", discussion.lastActivity)))))))))))); }