managarten/memoro/SF_SYMBOLS_FIX.md
Till-JS e7f5f942f3 chore: initial commit - consolidate 4 projects into monorepo
Projects included:
- maerchenzauber (NestJS backend + Expo mobile + SvelteKit web + Astro landing)
- manacore (Expo mobile + SvelteKit web + Astro landing)
- manadeck (NestJS backend + Expo mobile + SvelteKit web)
- memoro (Expo mobile + SvelteKit web + Astro landing)

This commit preserves the current state before monorepo restructuring.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-22 23:38:24 +01: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