From 687f41df2ec60bfb692fb86df0fecad37528e1fb Mon Sep 17 00:00:00 2001
From: Kevin <kevin@brighteng.org>
Date: Thu, 19 Mar 2026 11:03:30 +0800
Subject: [PATCH] =?UTF-8?q?chore(ui):=20=E7=B2=BE=E7=AE=80=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=E4=B8=8E=E5=9B=9E=E5=BF=86=E5=BD=95=E9=A1=B5=EF=BC=8C?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E5=86=97=E4=BD=99=E5=85=83=E7=B4=A0=20-=20?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E5=AF=B9=E8=AF=9D/=E5=9B=9E=E5=BF=86?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=A1=B6=E9=83=A8=E6=A0=87=E9=A2=98=EF=BC=88?=
 =?UTF-8?q?=E4=B8=8E=E5=BA=95=E9=83=A8=20Tab=20=E9=87=8D=E5=A4=8D=EF=BC=89?=
 =?UTF-8?q?=20-=20=E7=A7=BB=E9=99=A4=E5=9B=9E=E5=BF=86=E5=BD=95=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=8F=B3=E4=B8=8A=E8=A7=92=E7=8A=B6=E6=80=81=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app-expo/src/app/(tabs)/index.tsx  |   7 --
 app-expo/src/app/(tabs)/memoir.tsx | 107 ++++++++++-------------------
 2 files changed, 35 insertions(+), 79 deletions(-)

diff --git a/app-expo/src/app/(tabs)/index.tsx b/app-expo/src/app/(tabs)/index.tsx
index 58fc37c..e026462 100644
--- a/app-expo/src/app/(tabs)/index.tsx
+++ b/app-expo/src/app/(tabs)/index.tsx
@@ -162,7 +162,6 @@ const SKELETON_COUNT = 3;
 
 export default function ConversationsScreen() {
   const { t } = useTranslation('conversation');
-  const { t: tApp } = useTranslation('app');
 
   const { data: conversations = [], isLoading } = useConversations();
   const createConversation = useCreateConversation();
@@ -197,12 +196,6 @@ export default function ConversationsScreen() {
   return (
     <View className="flex-1 bg-background">
       <SafeAreaView className="flex-1" edges={['top']}>
-        <View className="border-b border-border px-4 py-3">
-          <Text variant="h3" className="text-foreground">
-            {tApp('tabs.conversations')}
-          </Text>
-        </View>
-
         <ScrollView
           contentInsetAdjustmentBehavior="automatic"
           className="flex-1"
diff --git a/app-expo/src/app/(tabs)/memoir.tsx b/app-expo/src/app/(tabs)/memoir.tsx
index 00c826d..74bfb1a 100644
--- a/app-expo/src/app/(tabs)/memoir.tsx
+++ b/app-expo/src/app/(tabs)/memoir.tsx
@@ -10,14 +10,7 @@ import {
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useTranslation } from 'react-i18next';
-import {
-  BookOpen,
-  CheckCircle,
-  Clock,
-  FileText,
-  Lock,
-  Map,
-} from 'lucide-react-native';
+import { BookOpen, FileText } from 'lucide-react-native';
 
 import { Icon } from '@/components/ui/icon';
 import { Skeleton } from '@/components/ui/skeleton';
@@ -150,16 +143,6 @@ function ChapterCard({
             overflow: 'hidden',
           }}
         >
-          <View
-            style={{
-              position: 'absolute',
-              right: 12,
-              top: 12,
-              zIndex: 1,
-            }}
-          >
-            <Icon as={CheckCircle} className="text-primary" size={24} />
-          </View>
           {hasCoverImage ? (
             <Image
               source={{ uri: item.coverImageUrl! }}
@@ -236,25 +219,22 @@ function ChapterCard({
         <View className="flex-row gap-4">
           <MemoirImagePlaceholder size={80} muted />
           <View className="flex-1">
-            <View className="flex-row items-start justify-between">
-              <View>
-                <Text
-                  className="text-xs font-medium text-muted-foreground"
-                  selectable
-                >
-                  {chapterLabel}
-                </Text>
-                <Text
-                  variant="h4"
-                  className="mt-0.5 text-foreground"
-                  style={{ lineHeight: 28 }}
-                  numberOfLines={2}
-                  selectable
-                >
-                  {item.title}
-                </Text>
-              </View>
-              <Icon as={Clock} className="text-secondary" size={22} />
+            <View>
+              <Text
+                className="text-xs font-medium text-muted-foreground"
+                selectable
+              >
+                {chapterLabel}
+              </Text>
+              <Text
+                variant="h4"
+                className="mt-0.5 text-foreground"
+                style={{ lineHeight: 28 }}
+                numberOfLines={2}
+                selectable
+              >
+                {item.title}
+              </Text>
             </View>
             <View className="mt-2 flex-row items-center gap-2">
               <Text className="text-sm font-medium text-secondary" selectable>
@@ -305,8 +285,7 @@ function ChapterCard({
             >
               {item.title}
             </Text>
-            <View className="mt-2 flex-row items-center gap-2">
-              <Icon as={Lock} className="text-muted-foreground" size={14} />
+            <View className="mt-2">
               <Text
                 className="text-sm font-medium text-muted-foreground"
                 selectable
@@ -345,28 +324,24 @@ function ChapterCard({
         <MemoirImagePlaceholder size={64} muted />
       </View>
       <View style={{ padding: gutter, gap: 10 }}>
-        <View className="flex-row items-start justify-between">
-          <View>
-            <Text
-              className="text-xs font-medium text-muted-foreground"
-              selectable
-            >
-              {chapterLabel}
-            </Text>
-            <Text
-              variant="h4"
-              className="mt-0.5 text-foreground/90"
-              style={{ lineHeight: 28 }}
-              numberOfLines={2}
-              selectable
-            >
-              {item.title}
-            </Text>
-          </View>
-          <Icon as={Lock} className="text-muted-foreground" size={20} />
+        <View>
+          <Text
+            className="text-xs font-medium text-muted-foreground"
+            selectable
+          >
+            {chapterLabel}
+          </Text>
+          <Text
+            variant="h4"
+            className="mt-0.5 text-foreground/90"
+            style={{ lineHeight: 28 }}
+            numberOfLines={2}
+            selectable
+          >
+            {item.title}
+          </Text>
         </View>
-        <View className="flex-row items-center gap-2">
-          <Icon as={Map} className="text-muted-foreground" size={14} />
+        <View>
           <Text
             className="text-sm font-medium text-muted-foreground"
             selectable
@@ -436,18 +411,6 @@ export default function MemoirScreen() {
   return (
     <View className="flex-1 bg-background">
       <SafeAreaView className="flex-1" edges={['top']}>
-        <View
-          className="border-b border-border"
-          style={{
-            paddingHorizontal: Math.max(ScreenGutter, 16),
-            paddingVertical: 16,
-          }}
-        >
-          <Text variant="h3" className="text-foreground">
-            {t('pageTitle')}
-          </Text>
-        </View>
-
         <ScrollView
           contentInsetAdjustmentBehavior="automatic"
           className="flex-1"