Cập nhật tab Nhật ký ( CRUD chuyến đi, CRUD thuyền viên trong chuyến đi )

app/trip-crew.tsx

@@ -7,6 +7,7 @@ import {
   TouchableOpacity,
   ActivityIndicator,
   Alert,
+  ScrollView,
 } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { useLocalSearchParams, useRouter } from "expo-router";
@@ -21,9 +22,10 @@ export default function TripCrewPage() {
   const { t } = useI18n();
   const { colors } = useThemeContext();
   const router = useRouter();
-  const { tripId, tripName } = useLocalSearchParams<{
+  const { tripId, tripName, tripStatus } = useLocalSearchParams<{
     tripId: string;
     tripName?: string;
+    tripStatus?: string;
   }>();
 
   // State
@@ -104,9 +106,8 @@ export default function TripCrewPage() {
     );
   };
 
-  // Save crew handler
-  const handleSaveCrew = async (formData: any) => {
-    // TODO: Call API to add/edit crew when available
+  // Save crew handler - API được gọi trong AddEditCrewModal, sau đó refresh danh sách
+  const handleSaveCrew = async () => {
     await fetchCrewData();
   };
 
@@ -146,13 +147,19 @@ export default function TripCrewPage() {
             </Text>
           )}
         </View>
-        <TouchableOpacity onPress={handleAddCrew} style={styles.addButton}>
-          <Ionicons name="add" size={24} color={colors.primary} />
-        </TouchableOpacity>
+        {tripStatus === "0" && (
+          <TouchableOpacity onPress={handleAddCrew} style={styles.addButton}>
+            <Ionicons name="add" size={24} color={colors.primary} />
+          </TouchableOpacity>
+        )}
       </View>
 
       {/* Content */}
-      <View style={styles.content}>
+      <ScrollView
+        style={styles.content}
+        contentContainerStyle={styles.scrollContent}
+        showsVerticalScrollIndicator={false}
+      >
         {loading ? (
           <View style={styles.loadingContainer}>
             <ActivityIndicator size="large" color={colors.primary} />
@@ -186,7 +193,7 @@ export default function TripCrewPage() {
             onDelete={handleDeleteCrew}
           />
         )}
-      </View>
+      </ScrollView>
 
       {/* Footer - Crew count */}
       <View
@@ -224,10 +231,11 @@ export default function TripCrewPage() {
                 address: editingCrew.Person?.address || "",
                 role: editingCrew.role || "crew",
                 // Note lấy từ trip (ghi chú chuyến đi), fallback về note từ Person
-                note: editingCrew.note || editingCrew.Person?.note || "",
+                note: editingCrew.note || "",
               }
             : undefined
         }
+        tripStatus={tripStatus ? Number(tripStatus) : undefined}
       />
     </SafeAreaView>
   );
@@ -275,7 +283,10 @@ const styles = StyleSheet.create({
   },
   content: {
     flex: 1,
+  },
+  scrollContent: {
     padding: 16,
+    paddingBottom: 20,
   },
   loadingContainer: {
     flex: 1,