managarten/apps/memoro/docs/SF_SYMBOLS_FIX.md
Till JS d8a2b37126 chore(memoro): import legacy backend, mobile, and landing apps
Adds the original NestJS backends (backend, audio-backend), Expo mobile app,
and Astro landing page as-is from the standalone memoro repo. These are
not yet migrated to monorepo standards (migration tracked in memory/CLAUDE.md).

Also adds eslint.config.mjs ignore for apps/*/apps/audio-backend/**
and .prettierignore entries for legacy memoro dirs.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-31 17:30:00 +02:00

51 lines
No EOL
989 B
Markdown

# ✅ SF Symbols Fix - iOS Icons
## Problem
iOS Menus zeigten keine SF Symbols Icons an.
## Ursache
`@react-native-menu/menu` benötigt für SF Symbols ein Objekt mit `iconType` und `iconValue`:
```tsx
// ❌ Falsch - zeigt keine Icons
image: 'trash'
// ✅ Richtig - zeigt SF Symbol
image: { iconType: 'SYSTEM', iconValue: 'trash' }
```
## Lösung Applied
### 1. menuBuilder.ts aktualisiert
```tsx
image: Platform.select({
ios: { iconType: 'SYSTEM' as const, iconValue: action.icon.ios },
android: action.icon.android,
})
```
### 2. Alle 9 Komponenten gefixt
✅ HeaderMenu.tsx
✅ MemoMenu.tsx
✅ MemoHeaderMenu.tsx
✅ Memory.tsx
✅ MemoPreview.tsx
✅ PromptPreview.tsx
✅ Pill.tsx
✅ TableOfContentsMenu.tsx
✅ SubscriptionMenu.tsx
## Test
```bash
npx expo run:ios
```
**Erwartung:**
- ✅ Alle Menus zeigen SF Symbols Icons
- ✅ Destructive Actions (Delete) sind rot
- ✅ Icons passen zum System-Styling
---
**Status:** ✅ COMPLETE
**Date:** 30. September 2025