add en/vi language

components/tripInfo/modal/NetDetailModal/components/InfoSection.tsx

@@ -1,3 +1,4 @@
+import { useI18n } from "@/hooks/use-i18n";
 import React from "react";
 import { Text, View } from "react-native";
 import styles from "../../style/NetDetailModal.styles";
@@ -11,24 +12,31 @@ export const InfoSection: React.FC<InfoSectionProps> = ({
   fishingLog,
   stt,
 }) => {
+  const { t } = useI18n();
   if (!fishingLog) {
     return null;
   }
   const infoItems = [
-    { label: "Số thứ tự", value: `Mẻ ${stt}` },
     {
-      label: "Trạng thái",
-      value: fishingLog.status === 1 ? "Đã hoàn thành" : "Chưa hoàn thành",
+      label: t("trip.infoSection.sttLabel"),
+      value: `${t("trip.infoSection.haulPrefix")} ${stt}`,
+    },
+    {
+      label: t("trip.infoSection.statusLabel"),
+      value:
+        fishingLog.status === 1
+          ? t("trip.infoSection.statusCompleted")
+          : t("trip.infoSection.statusPending"),
       isStatus: true,
     },
     {
-      label: "Thời gian bắt đầu",
+      label: t("trip.infoSection.startTimeLabel"),
       value: fishingLog.start_at
         ? new Date(fishingLog.start_at).toLocaleString()
-        : "Chưa cập nhật",
+        : t("trip.infoSection.notUpdated"),
     },
     {
-      label: "Thời gian kết thúc",
+      label: t("trip.infoSection.endTimeLabel"),
       value:
         fishingLog.end_at.toString() !== "0001-01-01T00:00:00Z"
           ? new Date(fishingLog.end_at).toLocaleString()