\n {isDemo && (\n

\n \n Demo\n

\n )}\n\n {user?.authenticated\n ? (\n

\n setIsMenuOpen(!isMenuOpen)}\n className=\"flex items-center gap-2 sm:gap-3 bg-emerald-50 dark:bg-emerald-900/20 text-emerald-700 dark:text-emerald-300 px-3 sm:px-4 lg:px-6 py-2 sm:py-3 rounded-xl sm:rounded-2xl hover:bg-emerald-100 dark:hover:bg-emerald-800/30 transition-all duration-300 border border-emerald-200 dark:border-emerald-700 shadow-lg hover:shadow-xl group\"\n >\n

\n \n

\n {user.username || \"User\"}\n

Connected

\n \n \n \n \n\n {isMenuOpen && (\n

\n \n

\n {user.username || \"WakaTime User\"}\n

\n \n \n Connected to WakaTime\n \n

\n {/* Embed Button */}\n \n {\" \"}\n \n Share\n \n \n \n \n \n {isLoggingOut ? \"Logging out...\" : \"Logout\"}\n \n \n

\n )}\n

\n )\n : (\n \n \n Connect WakaTime\n Connect\n \n )}\n

\n\n {/* Enhanced backdrop */}\n {isMenuOpen && (\n setIsMenuOpen(false)}\n />\n )}\n

\n );\n}","deleted","label",[169,170,150],"frontend","components","permalink","https://www.val.town/x/loading/plant/code/frontend/components/UserMenu.tsx","extension","actionData","errors"]