\n Glider\n

The Future of Social

\n Experience the next generation of social networking powered by blockchain technology\n

\n \n

\n \n {userCount} online\n

\n •\n Secured by Solana\n

\n {activeTab === 'feed' &&

\n {}\n

\n setPostSearchQuery(e.target.value)} placeholder=\"Search posts and users...\" className=\"w-full p-3 pl-10 bg-indigo-900/50 border border-purple-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-white\" />\n \n

\n \n

\n\n {}\n {showTrending &&

\n \n Trending Now\n

\n {trendingPosts.slice(0, 3).map((post, index) =>

#{index + 1}

\n {post.avatar ?

\n {post.username?.charAt(0).toUpperCase() || '?'}\n

}\n

{post.username}

{post.content}

\n {(post.likes || 0) + (post.reposts || 0) + (comments[post.id]?.length || 0)} interactions\n

)}\n

}\n\n {}\n

\n {profile.avatar ?

\n {profile.username?.charAt(0).toUpperCase() || '?'}\n

}\n

{profile.username}

\n \n {imagePreview &&

\n $\"Preview\"$ \n \n

}\n

\n \n \n \n

\n\n {}\n

\n {filteredPosts.map(post =>

\n \n

\n \n {isUserOnline(post.userId) && }\n

\n {formatDate(post.createdAt)} at {formatTime(post.createdAt)}\n

\n {post.isRepost &&

\n \n Reposted from {post.originalUsername}\n

}\n

\n \n

{post.content}

\n {post.imageUrl &&

\n $\"Post$ \n

}\n

\n \n

\n \n \n \n

\n \n

\n\n {}\n {showComments[post.id] &&

Comments

\n {comments[post.id]?.map(comment =>

\n {comment.avatar ?

\n {comment.username?.charAt(0).toUpperCase() || '?'}\n

}\n

{comment.username}

{comment.content}

{formatTime(comment.createdAt)}

)}\n {(!comments[post.id] || comments[post.id].length === 0) &&

No comments yet. Be the first!

}\n

\n {commentingOn === post.id &&

\n {profile.avatar ?

\n {profile.username?.charAt(0).toUpperCase() || '?'}\n

}\n

\n setNewComment(e.target.value)} placeholder=\"Add a comment...\" className=\"flex-1 px-3 py-2 bg-indigo-900/50 border border-purple-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-white text-sm\" />\n \n

}\n

}\n \n

\n \n \n Verified on-chain\n \n •\n Block #{Math.floor(Math.random() * 900000) + 100000}\n

)}\n\n {filteredPosts.length === 0 && !postSearchQuery &&

💫

No posts yet. Be the first to share your thoughts!

}\n \n {filteredPosts.length === 0 && postSearchQuery &&

🔍

No posts found matching \"{postSearchQuery}\"

Try different keywords or browse trending posts

}\n

}\n\n {activeTab === 'messages' &&

\n {}\n

Contacts

\n setSearchQuery(e.target.value)} placeholder=\"Search users...\" className=\"w-full p-2 pl-8 bg-indigo-900/50 border border-purple-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-white text-sm\" />\n \n

\n {users.filter(user => user.userId !== userWallet).filter(user => searchQuery === '' || user.username.toLowerCase().includes(searchQuery.toLowerCase()) || user.userId.toLowerCase().includes(searchQuery.toLowerCase())).map(user =>

\n \n {selectedChat?.id !== user.id && }\n

)}\n {users.filter(user => user.userId !== userWallet).length === 0 &&

👋

No other users yet

}\n

\n\n {}\n

\n {selectedChat ? <>\n

\n \n

\n {selectedChat.avatar ?

\n {selectedChat.username?.charAt(0).toUpperCase() || '?'}\n

}\n

{selectedChat.username}

\n \n {isUserOnline(selectedChat.userId) ? 'Online' : 'Offline'}\n

\n \n

\n {messages.map(message =>

{message.content}

\n {formatTime(message.createdAt)}\n {message.senderId === userWallet && }\n

)}\n {messages.length === 0 &&

✨

No messages yet. Start the conversation!

Your messages are stored on the blockchain

}\n

\n \n \n :

💬

Select a contact

Choose someone from the list to start a secure blockchain conversation

}\n

}\n\n {activeTab === 'profile' &&

\n {!editingProfile ? <>\n

\n {profile.avatar ?

\n {profile.username?.charAt(0).toUpperCase() || '?'}\n

}\n

{profile.username}

\n \n

\n \n {userWallet.slice(0, 6)}...{userWallet.slice(-4)}\n \n

\n \n \n Verified on-chain\n \n \n Member since {formatDate(profile.createdAt)}\n \n

\n \n

\n 📝\n Bio\n

\n {profile.bio || 'No bio provided'}\n

\n :

\n Edit Your Profile\n

\n {editAvatar ? $\"Avatar$ :

\n {editUsername?.charAt(0).toUpperCase() || '?'}\n

}\n

\n \n \n

Click to upload image

\n \n

\n Username\n setEditUsername(e.target.value)} required className=\"w-full p-3 bg-indigo-900/50 border border-purple-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-white\" placeholder=\"Choose a unique username\" />\n

\n Bio\n \n

\n \n \n

}\n \n {}\n

\n 📊\n Your Activity\n

\n {posts.filter(post => post.userId === userWallet).length}\n

\n Posts\n

\n {Object.keys(likedPosts).length}\n

\n Likes\n

\n {users.filter(user => user.userId !== userWallet).length}\n

\n Connections\n

}\n

\n Glider\n

\n Create Your Profile\n

\n Glider\n

\n \n Trending Now\n

Comments

Contacts

Select a contact

{profile.username}

\n 📝\n Bio\n

\n Edit Your Profile\n

\n 📊\n Your Activity\n

User Profile

{viewingProfile.username}

Bio