From 93db148a65aa1ef11ff33b85d392f353f5bb86f7 Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Mon, 18 May 2026 11:07:56 +0530
Subject: [PATCH] fix(ui): replace baby face emoji with diaper symbol for
 diaper logs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Swap 👶 → 🚼 (baby-changing symbol) in all four diaper-specific spots:
activity page getIcon(), homepage ActivityScroller, quick log button,
and recent activity list. Other 👶 usages (child profiles, onboarding,
admin children nav) are left unchanged as they represent babies, not diapers.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/activity/page.tsx | 2 +-
 src/app/page.tsx          | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/activity/page.tsx b/src/app/activity/page.tsx
index e43643c..ffba68e 100644
--- a/src/app/activity/page.tsx
+++ b/src/app/activity/page.tsx
@@ -31,7 +31,7 @@ const TYPE_COLORS: Record<LogType, string> = {
 function getIcon(type: LogType) {
   if (type === "feed")   return "🍼";
   if (type === "sleep")  return "😴";
-  if (type === "diaper") return "👶";
+  if (type === "diaper") return "🚼";
   return "📝";
 }
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 271853d..51558dd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -204,7 +204,7 @@ function ActivityScroller({ lastLogs }: { lastLogs: any[] }) {
   const items = [
     { icon: "🍼", label: "Fed", time: feedLog?.logged_at },
     { icon: "😴", label: "Sleep", time: sleepLog?.logged_at },
-    { icon: "👶", label: "Diaper", time: diaperLog?.logged_at },
+    { icon: "🚼", label: "Diaper", time: diaperLog?.logged_at },
   ].filter(item => item.time);
 
   if (items.length === 0) return null;
@@ -411,7 +411,7 @@ export default function HomePage() {
         <div className="grid grid-cols-4 gap-2">
           <button onClick={() => setModalType("feed")} className="flex flex-col items-center p-4 bg-white dark:bg-gray-800 rounded-xl shadow-sm"><span className="text-3xl">🍼</span><span className="text-sm mt-1">Feed</span></button>
           <button onClick={() => setModalType("sleep")} className="flex flex-col items-center p-4 bg-white dark:bg-gray-800 rounded-xl shadow-sm"><span className="text-3xl">😴</span><span className="text-sm mt-1">Sleep</span></button>
-          <button onClick={() => setModalType("diaper")} className="flex flex-col items-center p-4 bg-white dark:bg-gray-800 rounded-xl shadow-sm"><span className="text-3xl">👶</span><span className="text-sm mt-1">Diaper</span></button>
+          <button onClick={() => setModalType("diaper")} className="flex flex-col items-center p-4 bg-white dark:bg-gray-800 rounded-xl shadow-sm"><span className="text-3xl">🚼</span><span className="text-sm mt-1">Diaper</span></button>
           <Link href="/medical" className="flex flex-col items-center p-4 bg-white dark:bg-gray-800 rounded-xl shadow-sm"><span className="text-3xl">💊</span><span className="text-sm mt-1">Medical</span></Link>
         </div>
       </div>
@@ -438,7 +438,7 @@ export default function HomePage() {
           {logsLoading ? <p className="text-gray-400 text-sm">Loading...</p> : lastLogs.length === 0 ? <p className="text-gray-400 text-sm">No logs yet today</p> : lastLogs.filter(Boolean).map((log: any, i: number) => (
             <div key={i} className="flex items-center justify-between p-3 bg-white dark:bg-gray-800 rounded-xl">
               <div className="flex items-center gap-3">
-                <span className="text-xl">{log.type === "feed" && "🍼"}{log.type === "sleep" && "😴"}{log.type === "diaper" && "👶"}</span>
+                <span className="text-xl">{log.type === "feed" && "🍼"}{log.type === "sleep" && "😴"}{log.type === "diaper" && "🚼"}</span>
                 <div><div className="font-medium capitalize">{log.type}</div><div className="text-xs text-gray-500 dark:text-gray-400">{new Date(log.logged_at).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}</div></div>
               </div>
               {log.amount_ml && <span className="text-sm text-gray-500 dark:text-gray-400">{log.amount_ml}ml</span>}