Add UserButton to SideNav, refactor NavButton into TeamsButton

- Create UserButton component at bottom of SideNav with Settings, Language,
  Theme, Admin, and Logout menu items
- Move Settings/Logout/Admin/Docs/Support out of NavButton into UserButton
- Remove LanguageButton and ThemeButton from SideNav bottom
- Refactor NavButton into TeamsButton with simplified team switching
- Simplify WebsiteNav and move TeamsButton to App top bar

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mike Cao 2026-02-07 21:34:42 -08:00
parent f1b314e90b
commit 04c7216928
9 changed files with 382 additions and 186 deletions

View file

@ -5,7 +5,7 @@ import { IconLabel } from '@/components/common/IconLabel';
import { useMessages, useNavigation } from '@/components/hooks';
import { Globe, Grid2x2, LinkIcon } from '@/components/icons';
import { MobileMenuButton } from '@/components/input/MobileMenuButton';
import { NavButton } from '@/components/input/NavButton';
import { TeamsButton } from '@/components/input/TeamsButton';
import { Logo } from '@/components/svg';
import { AdminNav } from './admin/AdminNav';
import { SettingsNav } from './settings/SettingsNav';
@ -44,7 +44,7 @@ export function MobileNav() {
return (
<>
<Row padding="3" onClick={close} border="bottom">
<NavButton />
<TeamsButton />
{links.map(link => {
return (
<Link key={link.id} href={renderUrl(link.path)}>