update tab sensor, diary

app/(tabs)/_layout.tsx

@@ -36,13 +36,22 @@ export default function TabLayout() {
         }}
       />
       <Tabs.Screen
-        name="warning"
+        name="diary"
         options={{
-          title: "Cảnh báo",
+          title: "Nhật Ký",
+          tabBarIcon: ({ color }) => (
+            <IconSymbol size={28} name="book.closed.fill" color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="sensor"
+        options={{
+          title: "Cảm biến",
           tabBarIcon: ({ color }) => (
             <IconSymbol
               size={28}
-              name="exclamationmark.triangle.fill"
+              name="dot.radiowaves.left.and.right"
               color={color}
             />
           ),

app/(tabs)/diary.tsx

@@ -6,7 +6,7 @@ export default function Warning() {
     <SafeAreaView style={{ flex: 1 }}>
       <ScrollView contentContainerStyle={styles.scrollContent}>
         <View style={styles.container}>
-          <Text style={styles.titleText}>Danh sách cảnh báo</Text>
+          <Text style={styles.titleText}>Nhật Ký Chuyến Đi</Text>
         </View>
       </ScrollView>
     </SafeAreaView>

app/(tabs)/sensor.tsx

@@ -0,0 +1,35 @@
+import { Platform, ScrollView, StyleSheet, Text, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+export default function Sensor() {
+  return (
+    <SafeAreaView style={{ flex: 1 }}>
+      <ScrollView contentContainerStyle={styles.scrollContent}>
+        <View style={styles.container}>
+          <Text style={styles.titleText}>Cảm biến trên tàu</Text>
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  scrollContent: {
+    flexGrow: 1,
+  },
+  container: {
+    alignItems: "center",
+    padding: 15,
+  },
+  titleText: {
+    fontSize: 32,
+    fontWeight: "700",
+    lineHeight: 40,
+    marginBottom: 10,
+    fontFamily: Platform.select({
+      ios: "System",
+      android: "Roboto",
+      default: "System",
+    }),
+  },
+});

components/tripInfo/NetListTable.tsx

@@ -101,7 +101,7 @@ const NetListTable: React.FC = () => {
             </View>
 
             {/* Cột Thao tác */}
-            <View style={[styles.cell, styles.actions]}>
+            {/* <View style={[styles.cell, styles.actions]}>
               <IconSymbol name="eye" size={16} color="#333" />
               <IconSymbol
                 name="square.and.pencil"
@@ -109,7 +109,7 @@ const NetListTable: React.FC = () => {
                 color="#333"
                 style={{ marginLeft: 10 }}
               />
-            </View>
+            </View> */}
           </View>
         ))}
       </View>
@@ -138,7 +138,7 @@ const NetListTable: React.FC = () => {
             </View>
 
             {/* Cột Thao tác */}
-            <View style={[styles.cell, styles.actions]}>
+            {/* <View style={[styles.cell, styles.actions]}>
               <IconSymbol name="eye" size={16} color="#333" />
               <IconSymbol
                 name="square.and.pencil"
@@ -146,7 +146,7 @@ const NetListTable: React.FC = () => {
                 color="#333"
                 style={{ marginLeft: 10 }}
               />
-            </View>
+            </View> */}
           </View>
         ))}
       </Animated.View>

components/ui/icon-symbol.tsx

@@ -26,6 +26,8 @@ const MAPPING = {
   "arrowshape.down.fill": "arrow-drop-down",
   "arrowshape.up.fill": "arrow-drop-up",
   "exclamationmark.triangle.fill": "warning",
+  "book.closed.fill": "book",
+  "dot.radiowaves.left.and.right": "sensors",
 } as IconMapping;
 
 /**