fix(mobile): ProfileMenu von Sheet auf Popover umgestellt #520

Merged

admin-mrrm merged 2 commits from fix/mobile-profile-menu-popover into main

2026-07-25 19:20:58 +02:00

admin-mrrm commented

2026-07-25 16:30:47 +02:00

Owner

Closes #519

Ursache

Die Mobile-ProfileMenu-Komponente nutzte Tamagui's Sheet (Bottom-Sheet-Modal) statt Popover wie die Web-Version — dadurch öffnete sich das Menü vom unteren Bildschirmrand statt als Dropdown unter dem Avatar.

Fix

Sheet/Sheet.Overlay/Sheet.Frame/Sheet.Handle durch Popover/Popover.Trigger/Popover.Content/Popover.Arrow ersetzt, analog zu apps/web/src/components/profile-menu.tsx
placement="bottom-end" + allowFlip ergänzt für Web-Parität
Popover.Trigger korrekt als Kind von Popover verschachtelt (vorherige Zwischenversion hatte Trigger und Content fälschlich als Geschwister statt beide innerhalb von Popover)
Sheet-spezifische Props (modal, snapPointsMode, dismissOnSnapToBottom) entfernt, die auf Popover nicht existieren (TS2322)

Test

Kein neuer Test ergänzt — reine Presentational-Komponente ohne Business-Logik, UI-Struktur wird durch Typecheck abgesichert. typecheck, lint und alle 203 Unit-Tests grün. Manuell auf echtem Gerät verifiziert: Popover öffnet sich korrekt unter dem Avatar.

Closes #519 ## Ursache Die Mobile-`ProfileMenu`-Komponente nutzte Tamagui's `Sheet` (Bottom-Sheet-Modal) statt `Popover` wie die Web-Version — dadurch öffnete sich das Menü vom unteren Bildschirmrand statt als Dropdown unter dem Avatar. ## Fix - `Sheet`/`Sheet.Overlay`/`Sheet.Frame`/`Sheet.Handle` durch `Popover`/`Popover.Trigger`/`Popover.Content`/`Popover.Arrow` ersetzt, analog zu `apps/web/src/components/profile-menu.tsx` - `placement="bottom-end"` + `allowFlip` ergänzt für Web-Parität - `Popover.Trigger` korrekt als Kind von `Popover` verschachtelt (vorherige Zwischenversion hatte Trigger und Content fälschlich als Geschwister statt beide innerhalb von `Popover`) - Sheet-spezifische Props (`modal`, `snapPointsMode`, `dismissOnSnapToBottom`) entfernt, die auf `Popover` nicht existieren (TS2322) ## Test Kein neuer Test ergänzt — reine Presentational-Komponente ohne Business-Logik, UI-Struktur wird durch Typecheck abgesichert. `typecheck`, `lint` und alle 203 Unit-Tests grün. Manuell auf echtem Gerät verifiziert: Popover öffnet sich korrekt unter dem Avatar.

admin-mrrm added 1 commit

2026-07-25 16:30:47 +02:00