-
-
Community Forum
-
-
-
+
+ {/* Header */}
+
-
+
-
+
+
+
-
+
+
+ + Discuss proposals, share ideas, and connect with the community +
-
-
-
- {topics.map((topic, index) => (
- Topic
- Category
- Replies
- Views
- Activity
-
-
- {topic.title}
-
+
+ {/* Login Prompt Modal */}
+
+
+ {/* Create Topic Modal */}
+
- 
- {topic.user}
+ {/* Guest Banner */}
+ {!user && (
+
+
- ))}
+ )}
+
+ {/* Announcements */}
+ {announcements.length > 0 && (
+
+
-
+
-
+
You are browsing as a guest
+Login to create topics, reply, and interact with the community
+
- {topic.category}
-
-
-
-
-
-
- {topic.activity}
+
+ {announcements.map((announcement) => (
+
+ )}
+
+
+
+ ))}
+
+
+ {announcement.title}
+{announcement.content}
+
+ {/* Left Sidebar - Categories */}
+
+ {/* Stats Card */}
+
+
+
+
+
+
+
+
+
+ {/* Categories */}
+
+
+
+
+
+
+
+
+ {categories.map((category) => (
+
+ ))}
+
+
+
+ {/* Quick Links */}
+
+
+
+
+
+
+
+ → Governance Dashboard
+
+
+ → Documentation
+
+
+ → Join Discord
+
+
+
+
+
+ {/* Main Content - Discussions */}
+
+ Topics
+ {stats.totalDiscussions}
+
+
+ Replies
+ {stats.totalReplies}
+
+
+ Members
+ {stats.totalUsers}
+
+
+ Online Now
+
+
+ {stats.onlineNow}
+
+
+
+ {/* Search and Sort */}
+
+
+
+
+ ) : (
+
+
+
+
+ {/* Discussions List */}
+ {isLoading ? (
+
+
+
+
+
+
+ ) : discussions.length === 0 ? (
+ No discussions yet
+Be the first to start a conversation!
+ +
+ {discussions.map((discussion) => (
+ navigate(`/forum/${discussion.id}`)}
+ >
+
+
+
+ ))}
+
+ )}
+
+ {/* Author Avatar */}
+
+
+ {/* Tags */}
+ {discussion.tags && discussion.tags.length > 0 && (
+
+ {discussion.author_name.charAt(0).toUpperCase()}
+
+
+ {/* Content */}
+
+
+
+ {/* Stats */}
+
+ {discussion.is_pinned && (
+
+
+ )}
+ {discussion.is_locked && (
+
+
+ )}
+ {discussion.category && (
+
+ {discussion.category.icon} {discussion.category.name}
+
+ )}
+
+
+ + {discussion.title} +
+ ++ {discussion.content.length > 150 ? `${discussion.content.substring(0, 150)}...` : discussion.content} +
+ +
+
+ by {discussion.author_name}
+
+
+
+
+
+
+
+
+
+ {discussion.upvotes && discussion.upvotes > 0 && (
+
+
+ )}
+
+ {discussion.tags.slice(0, 3).map((tag, idx) => (
+
+ #{tag}
+
+ ))}
+ {discussion.tags.length > 3 && (
+ +{discussion.tags.length - 3} more
+ )}
+
+ )}
+