User Profile

\n setViewingProfile(null)}\n className=\"text-xl flex items-center justify-center w-6 h-6 bg-[#FF0000] hover:bg-[#FF6666] rounded\"\n >\n ×\n \n

{profile.displayName}

@{profile.handle}

\n {profile.avatar && (\n

\n )}\n

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n Posts: {profile.postsCount}\n

\n {agent && profile.did !== agent.session?.did && (\n profile.viewer?.following ? unfollowUser(profile.did) : followUser(profile.did)}\n className=\"w-full p-2 bg-gradient-to-r from-[#E1E1E1] to-[#C1C1C1] hover:from-[#E5F1FB] hover:to-[#B5D3F2] text-[#000000] rounded border border-[#7F9DB9]\"\n >\n {profile.viewer?.following ? \"Unfollow\" : \"Follow\"}\n \n )}\n

Last Post

\n {lastUserPost\n ? (\n

\n {(lastUserPost.post.record as { text?: string })?.text || \"No content\"}\n

\n {formatDate(lastUserPost.post.indexedAt)}\n

\n )\n :

No posts available.

}\n

\n );\n\n const ErrorDialog = ({ message, onClose }: { message: string; onClose: () => void }) => (\n

Error

\n \n ×\n \n

\n ❌\n

{message}

\n \n OK\n \n

\n );\n\n const LogoutConfirmation = ({ onConfirm, onCancel }: { onConfirm: () => void; onCancel: () => void }) => (\n

Confirm Logout

\n \n ×\n \n

Are you sure you want to log out?

\n \n Cancel\n \n \n Logout\n \n

\n );\n\n return (\n

\n {/* Start menu-like sidebar */}\n

\n WinSky\n

\n setActiveTab(\"timeline\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"timeline\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 🏠 Timeline\n \n setActiveTab(\"search\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"search\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 🔍 Search\n \n setActiveTab(\"trending\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"trending\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 📈 Trending\n \n {agent && (\n setShowLogoutConfirmation(true)}\n className=\"w-full text-left p-2 bg-[#FF6A6A] text-white hover:bg-[#FF4040]\"\n >\n 🚪 Logout\n \n )}\n

\n {/* Main content area */}\n

\n {String(activeTab).charAt(0).toUpperCase() + String(activeTab).slice(1)}\n

\n {showInstallPrompt && (\n \n Install App\n \n )}\n

\n {!agent\n ? (\n

\n setHandle(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n setPassword(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n \n {loading ? \"Logging in...\" : \"Login\"}\n \n

\n )\n : (\n

\n {profile && (\n

{profile.displayName}

@{profile.handle}

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n

\n )}\n {activeTab === \"timeline\" && (\n <>\n

\n setNewPost(e.target.value)}\n placeholder={replyingTo ? \"Write your reply...\" : \"What's on your mind?\"}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded resize-none\"\n rows={3}\n />\n {replyingTo && (\n

\n Replying to: {replyingTo.post.author.displayName || replyingTo.post.author.handle}\n setReplyingTo(null)}\n className=\"ml-2 text-[#0000FF] hover:underline\"\n >\n Cancel\n \n

\n )}\n \n {replyingTo ? \"Reply\" : \"Post\"}\n \n

\n {posts.map((post) => (\n

\n \n fetchProfile(agent, post.post.author.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {post.post.author.displayName}\n \n @{post.post.author.handle}\n

\n {formatDate(post.post.indexedAt)}\n

\n {(post.post.record as { text?: string })?.text || \"No content\"}\n

\n {post.post.embed?.images && (\n

\n {post.post.embed.images.map((image, index) => (\n \n ))}\n

\n )}\n

\n \n likePost(post.post.uri, post.post.cid)}\n className=\"flex items-center space-x-1\"\n >\n 👍\n {post.post.likeCount > 0 && {post.post.likeCount}}\n \n repostPost(post.post.uri, post.post.cid)}\n className=\"flex items-center space-x-1\"\n >\n 🔁\n {post.post.repostCount > 0 && {post.post.repostCount}}\n \n setReplyingTo(post)}\n className=\"flex items-center space-x-1\"\n >\n 💬\n {post.post.replyCount > 0 && {post.post.replyCount}}\n \n

\n ))}\n

\n {loading &&

Loading more posts...

}\n {cursor && (\n \n Load More\n \n )}\n \n )}\n {activeTab === \"search\" && (\n

\n setSearchQuery(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n \n Search\n \n {searchResults.length > 0 && (\n

Search Results

\n {searchResults.map((user) => (\n

\n fetchProfile(agent, user.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {user.displayName || user.handle}\n \n @{user.handle}\n

\n ))}\n

\n )}\n

\n )}\n {activeTab === \"trending\" && (\n

{profile.displayName}

Last Post

\n {String(activeTab).charAt(0).toUpperCase() + String(activeTab).slice(1)}\n

{profile.displayName}

Search Results

Trending Topics