VKT(Frontend): Extract button label to a translation string

Opetushallitus · Aug 4, 2024 · 8df4ca6 · 8df4ca6
1 parent 7aff64a
commit 8df4ca6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/frontend/packages/vkt/public/i18n/fi-FI/clerk.json b/frontend/packages/vkt/public/i18n/fi-FI/clerk.json
@@ -2,6 +2,9 @@
   "vkt": {
     "component": {
       "clerkEnrollmentDetails": {
+        "attachment": {
+          "download": "Lataa tiedosto"
+        },
         "cancelEnrollment": "Peruuta ilmoittautuminen",
         "cancelEnrollmentDialog": {
           "description": "Tätä toimintoa ei voi peruuttaa!",

diff --git a/...end/packages/vkt/src/components/clerkEnrollment/overview/ClerkEnrollmentDetailsFields.tsx b/...end/packages/vkt/src/components/clerkEnrollment/overview/ClerkEnrollmentDetailsFields.tsx
@@ -89,6 +89,10 @@ const CheckboxField = ({
 };
 
 const DownloadAttachment = ({ attachment }: { attachment: Attachment }) => {
+  const { t } = useClerkTranslation({
+    keyPrefix: 'vkt.component.clerkEnrollmentDetails.attachment',
+  });
+
   return (
     <div className="columns gapped">
       <Text>{attachment.name}</Text>
@@ -102,7 +106,7 @@ const DownloadAttachment = ({ attachment }: { attachment: Attachment }) => {
           color={Color.Secondary}
           startIcon={<DownloadIcon />}
         >
-          Lataa tiedosto
+          {t('download')}
         </CustomButton>
       </Link>
     </div>