update login, detail table in tripInfo

components/tripInfo/TripCostTable.tsx

@@ -73,6 +73,10 @@ const TripCostTable: React.FC = () => {
     setCollapsed((prev) => !prev);
   };
 
+  const handleViewDetail = () => {
+    console.log("View trip cost details");
+  };
+
   return (
     <View style={styles.container}>
       <TouchableOpacity
@@ -140,6 +144,14 @@ const TripCostTable: React.FC = () => {
             {tongCong.toLocaleString()}
           </Text>
         </View>
+
+        {/* View Detail Button */}
+        <TouchableOpacity
+          style={styles.viewDetailButton}
+          onPress={handleViewDetail}
+        >
+          <Text style={styles.viewDetailText}>Xem chi tiết</Text>
+        </TouchableOpacity>
       </View>
 
       <Animated.View style={{ height: animatedHeight, overflow: "hidden" }}>
@@ -170,6 +182,14 @@ const TripCostTable: React.FC = () => {
             {tongCong.toLocaleString()}
           </Text>
         </View>
+
+        {/* View Detail Button */}
+        <TouchableOpacity
+          style={styles.viewDetailButton}
+          onPress={handleViewDetail}
+        >
+          <Text style={styles.viewDetailText}>Xem chi tiết</Text>
+        </TouchableOpacity>
       </Animated.View>
     </View>
   );