\n {/* User pill - only when authenticated */}\n {auth.isAuthenticated && (\n

\n {auth.userAvatar\n ? (\n \n )\n : (\n

\n {(auth.userDisplayName || auth.userHandle)?.[0]\n ?.toUpperCase() ||\n \"?\"}\n

\n )}\n

\n \n {auth.userDisplayName || auth.userHandle}\n \n {auth.userHandle && (\n @{auth.userHandle}\n )}\n

\n )}\n\n {/* Login button - only when not authenticated */}\n {!auth.isAuthenticated && (\n \n )}\n\n {/* Navigation */}\n

\n handleNavClick(\"/\")}\n className={navItemStyle(isActive(\"/\"))}\n >\n \n Feed\n \n\n handleNavClick(\"/help\")}\n className={navItemStyle(isActive(\"/help\"))}\n >\n \n Help\n \n\n handleNavClick(\"/tools\")}\n className={navItemStyle(isActive(\"/tools\"))}\n >\n \n Tools\n \n\n {/* Logout - only when authenticated */}\n {auth.isAuthenticated && (\n \n \n Sign out\n \n )}\n

\n\n {/* Create checkin button - only when authenticated */}\n {auth.isAuthenticated && (\n \n \n New Check-in\n \n )}\n

\n );\n}\n","deleted","label",[174,175,156],"frontend","components","permalink","https://www.val.town/x/tijs/anchor-appview/code/frontend/components/Sidebar.tsx","extension","actionData","errors"]