diff --git a/web/src/components/overlay/LogInfoDialog.tsx b/web/src/components/overlay/LogInfoDialog.tsx index 3e9696f91..3212fde22 100644 --- a/web/src/components/overlay/LogInfoDialog.tsx +++ b/web/src/components/overlay/LogInfoDialog.tsx @@ -17,6 +17,7 @@ import { import { LogChip } from "../indicators/Chip"; import { useMemo } from "react"; import { Link } from "react-router-dom"; +import { useTranslation } from "react-i18next"; type LogInfoDialogProps = { logLine?: LogLine; @@ -26,6 +27,7 @@ export default function LogInfoDialog({ logLine, setLogLine, }: LogInfoDialogProps) { + const { t } = useTranslation(["views/system"]); const Overlay = isDesktop ? Sheet : Drawer; const Content = isDesktop ? SheetContent : DrawerContent; const Header = isDesktop ? SheetHeader : DrawerHeader; @@ -53,19 +55,27 @@ export default function LogInfoDialog({ {logLine && (
-
Type
+
+ {t("logs.type.label")} +
-
Timestamp
+
+ {t("logs.type.timestamp")} +
{logLine.dateStamp}
-
Tag
+
+ {t("logs.type.tag")} +
{logLine.section}
-
Message
+
+ {t("logs.type.message")} +
{logLine.content.split("\n").map((line) => ( <>