diff --git a/src/components/FieldWithHistory.js b/src/components/FieldWithHistory.js
index 1d056cc..20b77d9 100644
--- a/src/components/FieldWithHistory.js
+++ b/src/components/FieldWithHistory.js
@@ -3,6 +3,7 @@
import { useState, useEffect } from "react";
import Tooltip from "@/components/ui/Tooltip";
import { formatDate } from "@/lib/utils";
+import { useTranslation } from "@/lib/i18n";
export default function FieldWithHistory({
tableName,
@@ -13,6 +14,7 @@ export default function FieldWithHistory({
label = null,
className = "",
}) {
+ const { t } = useTranslation();
const [hasHistory, setHasHistory] = useState(false);
const [history, setHistory] = useState([]);
const [loading, setLoading] = useState(true);
@@ -52,28 +54,28 @@ export default function FieldWithHistory({
return value;
}
}
- return value || "N/A";
+ return value || t("common.na");
};
// Create tooltip content
const tooltipContent = history.length > 0 && (
-
Change History:
+
{t("common.changeHistory")}:
{history.map((change, index) => (
- Changed to: {getDisplayValue(change.new_value)}
+ {t("common.changedTo")}: {getDisplayValue(change.new_value)}
{change.old_value && (
- From: {getDisplayValue(change.old_value)}
+ {t("common.from")}: {getDisplayValue(change.old_value)}
)}
{change.changed_by_name && (
- by {change.changed_by_name}
+ {t("common.by")} {change.changed_by_name}
)}
@@ -83,7 +85,7 @@ export default function FieldWithHistory({
{change.change_reason && (
- Reason: {change.change_reason}
+ {t("common.reason")}: {change.change_reason}
)}
diff --git a/src/lib/i18n.js b/src/lib/i18n.js
index 4f204d8..fd8e11f 100644
--- a/src/lib/i18n.js
+++ b/src/lib/i18n.js
@@ -74,7 +74,13 @@ const translations = {
clearAll: "Wyczyść",
clearAllFilters: "Wyczyść wszystkie filtry",
sortBy: "Sortuj według",
- days: "dni"
+ days: "dni",
+ changeHistory: "Historia zmian",
+ changedTo: "Zmieniono na",
+ from: "Z",
+ by: "przez",
+ reason: "Powód",
+ na: "N/D"
},
// Dashboard
@@ -636,7 +642,13 @@ const translations = {
clearAll: "Clear",
clearAllFilters: "Clear all filters",
sortBy: "Sort by",
- days: "days"
+ days: "days",
+ changeHistory: "Change History",
+ changedTo: "Changed to",
+ from: "From",
+ by: "by",
+ reason: "Reason",
+ na: "N/A"
},
dashboard: {