welsh language labels

components/utils/downloads.js

@@ -222,6 +222,7 @@
 // }
 
 import { useState } from "react";
+import useTranslation from "next-translate/useTranslation";
 
 export default function DocumentLink({
     id,
@@ -231,7 +232,7 @@ export default function DocumentLink({
     getStatus,
 }) {
     const [progress, setProgress] = useState(null);
-
+    let { t } = useTranslation();
     const downloadFile = async () => {
         setProgress(0);
 
@@ -309,13 +310,13 @@ export default function DocumentLink({
                     }
                 >
                     {status === "downloading" && progress !== null
-                        ? `Downloading `
+                        ? t("case:downloading-label")
                         : status === "queued"
-                        ? "Queued"
+                        ? t("case:download-queued-label")
                         : status === "done"
-                        ? "Download complete!"
+                        ? t("case:download-complete-label")
                         : status === "failed"
-                        ? "Download failed"
+                        ? t("case:download-failed-label")
                         : ""}
                 </p>
             )}