From daa51f97403b0825517b03eb3539e6d5550b5453 Mon Sep 17 00:00:00 2001
From: Edward Salter <EdwardSalter@users.noreply.github.com>
Date: Tue, 23 Apr 2024 22:13:53 +0100
Subject: [PATCH] Fix: format Romm statistics (#3358)

---
 src/widgets/romm/component.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/widgets/romm/component.jsx b/src/widgets/romm/component.jsx
index 1cb3033e..44b114b0 100644
--- a/src/widgets/romm/component.jsx
+++ b/src/widgets/romm/component.jsx
@@ -1,9 +1,12 @@
+import { useTranslation } from "next-i18next";
+
 import Container from "components/services/widget/container";
 import Block from "components/services/widget/block";
 import useWidgetAPI from "utils/proxy/use-widget-api";
 
 export default function Component({ service }) {
   const { widget } = service;
+  const { t } = useTranslation();
 
   const { data: response, error: responseError } = useWidgetAPI(widget, "statistics");
 
@@ -24,8 +27,8 @@ export default function Component({ service }) {
     const totalRoms = response.reduce((total, stat) => total + stat.rom_count, 0);
     return (
       <Container service={service}>
-        <Block label="romm.platforms" value={platforms} />
-        <Block label="romm.totalRoms" value={totalRoms} />
+        <Block label="romm.platforms" value={t("common.number", { value: platforms })} />
+        <Block label="romm.totalRoms" value={t("common.number", { value: totalRoms })} />
       </Container>
     );
   }