diff --git a/public/locales/en/translations.json b/public/locales/en/translations.json index bed19cb..e1e8fa7 100644 --- a/public/locales/en/translations.json +++ b/public/locales/en/translations.json @@ -66,6 +66,17 @@ }, "MessageForAuthor": "Message for author" }, + "Charts": { + "Server": { + "Sessions": { + "RunningTime": { + "Title": "Sessions running time", + "X": "Running time", + "Y": "Sessions" + } + } + } + }, "Notifications": { "MessageSaved": "Message saved" } diff --git a/public/locales/ro/translations.json b/public/locales/ro/translations.json index 4dd3da1..381c603 100644 --- a/public/locales/ro/translations.json +++ b/public/locales/ro/translations.json @@ -57,6 +57,17 @@ }, "MessageForAuthor": "Mesaj pentru autor" }, + "Charts": { + "Server": { + "Sessions": { + "RunningTime": { + "Title": "Timp de rulare sesiuni", + "X": "Timp de rulare", + "Y": "Sesiuni" + } + } + } + }, "Notifications": { "MessageSaved": "Mesaj salvat" } diff --git a/src/features/charts/server/components/SessionsRunningTimeChart.js b/src/features/charts/server/components/SessionsRunningTimeChart.js index 1bcc439..19d8cbf 100644 --- a/src/features/charts/server/components/SessionsRunningTimeChart.js +++ b/src/features/charts/server/components/SessionsRunningTimeChart.js @@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next"; import CanvasJSReact from "../../../../assets/js/canvasjs.react"; var CanvasJSChart = CanvasJSReact.CanvasJSChart; var CanvasJS = CanvasJSReact.CanvasJS; +import Spinner from "../../../../components/common/Spinner"; const SessionsRunningTimeChart = ({ data }) => { const { t } = useTranslation(); @@ -25,16 +26,16 @@ const SessionsRunningTimeChart = ({ data }) => { animationEnabled: true, theme: "light2", title: { - text: "Sessions running time", + text: t("Charts.Server.Sessions.RunningTime.Title"), fontSize: 20 }, axisX: { - title: "Sessions", + title: t("Charts.Server.Sessions.RunningTime.Y"), reversed: true, interval: 1 }, axisY: { - title: "Running time", + title: t("Charts.Server.Sessions.RunningTime.X"), labelFormatter: addSymbols }, data: [ @@ -47,13 +48,13 @@ const SessionsRunningTimeChart = ({ data }) => { }; return ( -