feat(#344): Settings-Sub-Navigation + Web-Hamburger-Drawer (App-Shell Phase 2) #345

Merged

admin-mrrm merged 1 commit from feat/344-settings-subnav-drawer into main

2026-05-19 21:56:08 +02:00

admin-mrrm commented

2026-05-19 21:50:25 +02:00

Owner

Closes #344. Phase 2 zu #336.

Web

Hamburger-Drawer links im Header öffnet auf $sm ein Tamagui Sheet mit der Bereichs-Nav. Die alte Inline-Nav unter dem Header fällt weg.
/einstellungen als Layout-Route mit Sub-Sidebar (links auf $gtSm, oben als horizontale Liste auf $sm). Bereiche: Mailkonten, Mail-Tags, Geschäfte.
Kind-Routen /einstellungen/mail, /einstellungen/tags, /einstellungen/geschaefte. Index /einstellungen redirected auf /einstellungen/mail.
Redirects für alte Pfade /stores → /einstellungen/geschaefte, /mail/tags → /einstellungen/tags.
Alte Dateien einstellungen.tsx, stores.tsx, mail-tags-manager.tsx ersetzt durch einstellungen-{layout,mail,tags,geschaefte}.tsx.

Mobile

Stack unter app/einstellungen/ mit eigenem Header pro Screen (Back-Button kommt vom Expo Router Stack-Layout).
einstellungen/index.tsx zeigt eine Liste der Settings-Bereiche; Tapen pusht den jeweiligen Sub-Screen.
Sub-Screens: mailkonten.tsx, tags.tsx, geschaefte.tsx.
Alte Routen (drawer)/einstellungen.tsx und mail/tag-manager.tsx ersetzt.
Tag-Manager-Link aus mail/[accountId]/folders zeigt jetzt auf /einstellungen/tags.

Tests

layout.spec.tsx: neuer Test für Hamburger-Trigger
einstellungen-layout.spec.tsx (neu): Sub-Sidebar rendert alle drei Bereiche, Outlet ist mounted
Alle 65 Web-Tests + 54 Mobile-Tests bleiben grün

Migration

Keine Datenmigration. Nur Routing-Restrukturierung. Lesezeichen auf alten Pfaden funktionieren via Redirect weiter.

Closes #344. Phase 2 zu #336. ## Web - **Hamburger-Drawer** links im Header öffnet auf `$sm` ein Tamagui Sheet mit der Bereichs-Nav. Die alte Inline-Nav unter dem Header fällt weg. - **`/einstellungen` als Layout-Route** mit Sub-Sidebar (links auf `$gtSm`, oben als horizontale Liste auf `$sm`). Bereiche: Mailkonten, Mail-Tags, Geschäfte. - **Kind-Routen** `/einstellungen/mail`, `/einstellungen/tags`, `/einstellungen/geschaefte`. Index `/einstellungen` redirected auf `/einstellungen/mail`. - **Redirects** für alte Pfade `/stores` → `/einstellungen/geschaefte`, `/mail/tags` → `/einstellungen/tags`. - Alte Dateien `einstellungen.tsx`, `stores.tsx`, `mail-tags-manager.tsx` ersetzt durch `einstellungen-{layout,mail,tags,geschaefte}.tsx`. ## Mobile - **Stack unter `app/einstellungen/`** mit eigenem Header pro Screen (Back-Button kommt vom Expo Router Stack-Layout). - **`einstellungen/index.tsx`** zeigt eine Liste der Settings-Bereiche; Tapen pusht den jeweiligen Sub-Screen. - Sub-Screens: `mailkonten.tsx`, `tags.tsx`, `geschaefte.tsx`. - Alte Routen `(drawer)/einstellungen.tsx` und `mail/tag-manager.tsx` ersetzt. - Tag-Manager-Link aus `mail/[accountId]/folders` zeigt jetzt auf `/einstellungen/tags`. ## Tests - `layout.spec.tsx`: neuer Test für Hamburger-Trigger - `einstellungen-layout.spec.tsx` (neu): Sub-Sidebar rendert alle drei Bereiche, Outlet ist mounted - Alle 65 Web-Tests + 54 Mobile-Tests bleiben grün ## Migration Keine Datenmigration. Nur Routing-Restrukturierung. Lesezeichen auf alten Pfaden funktionieren via Redirect weiter.

admin-mrrm added 1 commit

2026-05-19 21:50:25 +02:00

feat(#344 ): Settings-Sub-Navigation + Web-Hamburger-Drawer (App-Shell Phase 2)

continuous-integration/drone/pr Build is passing

Details

continuous-integration/drone/push Build is passing

Details

005412b66f

Web:
- Hamburger-Icon links im Header auf $sm öffnet Tamagui Sheet mit Bereichs-Nav
- /einstellungen wird Layout-Route mit Sub-Sidebar (Mailkonten, Mail-Tags, Geschäfte)
- /einstellungen/mail, /einstellungen/tags, /einstellungen/geschaefte als Kind-Routen
- Alte Routen /stores, /mail/tags und /einstellungen redirecten auf neue Pfade
- einstellungen.tsx, stores.tsx, mail-tags-manager.tsx ersetzt durch
  einstellungen-{layout,mail,tags,geschaefte}.tsx

Mobile:
- Neuer Stack unter app/einstellungen/ mit eigenem Header pro Screen
- index.tsx zeigt Liste der Settings-Bereiche, Sub-Screens für Mailkonten,
  Mail-Tags, Geschäfte
- (drawer)/einstellungen.tsx und mail/tag-manager.tsx ersetzt durch
  einstellungen/{index,mailkonten,tags,geschaefte}.tsx

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>