From dd52e44f67d5579965318f3f2be0f1acb34141f1 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 17 Apr 2026 19:31:24 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20Emoji-Reste=20im=20Profil-Modal=20+?=
 =?UTF-8?q?=20Wunschliste-Icon=20=E2=86=92=20Kochtopf?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Profil-Modal:
- Default-Emoji '🍳' im "Neues Profil"-Input entfernt (war ein ver-
  sehentlicher Platzhalter, den die meisten nicht überschrieben haben
  → alle Profile sahen gleich aus). Jetzt leer, mit 🙂 als Hint im
  placeholder.
- Profil-Liste: avatar_emoji wird nur gezeigt, wenn wirklich gesetzt.
  Sonst CircleUser-Lucide statt 🙂-Fallback.

Migration 006_clear_default_profile_emoji.sql räumt bestehende DB-
Einträge auf: UPDATE profile SET avatar_emoji = NULL WHERE avatar_emoji
= '🍳'. User, die wirklich einen Pfannen-Avatar wollten, können das in
/admin/profiles neu setzen.

Wunschliste-Header-Icon: Heart → CookingPot. Der Kontext ist "was wir
essen wollen", also passt ein Topf besser als ein Herz. Heart bleibt
im Rezept als "Favorit" und in der Wunschliste als "ich will auch"-
Toggle, keine Kollision.

Ungenutzten Heart-Import aus +layout.svelte entfernt.
---
 src/lib/components/ProfileSwitcher.svelte        | 16 +++++++++++++---
 .../006_clear_default_profile_emoji.sql          |  6 ++++++
 src/routes/+layout.svelte                        |  4 ++--
 3 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 src/lib/server/db/migrations/006_clear_default_profile_emoji.sql

diff --git a/src/lib/components/ProfileSwitcher.svelte b/src/lib/components/ProfileSwitcher.svelte
index a0013c5..d68db80 100644
--- a/src/lib/components/ProfileSwitcher.svelte
+++ b/src/lib/components/ProfileSwitcher.svelte
@@ -5,7 +5,7 @@
 
   let showModal = $state(false);
   let newName = $state('');
-  let newEmoji = $state('🍳');
+  let newEmoji = $state('');
 
   async function createAndSelect() {
     if (!newName.trim()) return;
@@ -57,7 +57,11 @@
                 showModal = false;
               }}
             >
-              <span class="emoji-lg">{p.avatar_emoji ?? '🙂'}</span>
+              {#if p.avatar_emoji}
+                <span class="emoji-lg">{p.avatar_emoji}</span>
+              {:else}
+                <span class="icon-lg"><CircleUser size={28} strokeWidth={1.5} /></span>
+              {/if}
               <span>{p.name}</span>
             </button>
           </li>
@@ -69,7 +73,8 @@
         <div class="new-row">
           <input
             type="text"
-            placeholder="Emoji"
+            placeholder="🙂"
+            aria-label="Emoji (optional)"
             bind:value={newEmoji}
             maxlength="8"
             class="emoji-input"
@@ -171,6 +176,11 @@
   .emoji-lg {
     font-size: 1.6rem;
   }
+  .icon-lg {
+    display: inline-flex;
+    align-items: center;
+    color: #2b6a3d;
+  }
   hr {
     border: none;
     border-top: 1px solid #e4eae7;
diff --git a/src/lib/server/db/migrations/006_clear_default_profile_emoji.sql b/src/lib/server/db/migrations/006_clear_default_profile_emoji.sql
new file mode 100644
index 0000000..dc64026
--- /dev/null
+++ b/src/lib/server/db/migrations/006_clear_default_profile_emoji.sql
@@ -0,0 +1,6 @@
+-- Frühere Versionen haben '🍳' als Default im "Neues Profil"-Emoji-Feld
+-- vorausgefüllt — die meisten User haben das einfach so stehen lassen,
+-- ohne bewusst ein Emoji zu wählen. Ergebnis: alle Profile sehen gleich aus.
+-- Wir räumen das auf: alle avatar_emoji='🍳'-Einträge werden zu NULL,
+-- was die UI als "kein Emoji, Lucide-Icon nehmen" interpretiert.
+UPDATE profile SET avatar_emoji = NULL WHERE avatar_emoji = '🍳';
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 6a0d2c0..0866220 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,7 +2,7 @@
   import { onMount } from 'svelte';
   import { page } from '$app/stores';
   import { goto, afterNavigate } from '$app/navigation';
-  import { Heart, Settings, CookingPot, Globe, Utensils } from 'lucide-svelte';
+  import { Settings, CookingPot, Globe, Utensils } from 'lucide-svelte';
   import { profileStore } from '$lib/client/profile.svelte';
   import { wishlistStore } from '$lib/client/wishlist.svelte';
   import ProfileSwitcher from '$lib/components/ProfileSwitcher.svelte';
@@ -225,7 +225,7 @@
           ? `Wunschliste (${wishlistStore.count})`
           : 'Wunschliste'}
       >
-        <Heart size={20} strokeWidth={2} />
+        <CookingPot size={20} strokeWidth={2} />
         {#if wishlistStore.count > 0}
           <span class="badge">{wishlistStore.count}</span>
         {/if}