use translation for buttons

sillsdev · Dec 18, 2024 · d7d1e61 · d7d1e61
1 parent ce7b9dc
commit d7d1e61
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -33,6 +33,14 @@
     "pressEnter": "Press Enter to save word",
     "vernacular": "Vernacular"
   },
+  "analyticsConsent": {
+    "consentModal": {
+      "acceptAllBtn": "Yes, allow analytics cookies",
+      "acceptNecessaryBtn": "No, reject analytics cookies",
+      "description": "The Combine stores basic info about your current session on your device. This info is necessary and isn't shared with anybody. The Combine also uses analytics cookies, which are only for us to fix bugs and compile anonymized statistics. Do you consent to our usage of analytics cookies?",
+      "title": "Cookies on The Combine"
+    }
+  },
   "appBar": {
     "dataEntry": "Data Entry",
     "dataCleanup": "Data Cleanup",
@@ -129,12 +137,6 @@
   "userSettings": {
     "analyticsConsent": {
       "button": "Change consent",
-      "consentModal": {
-        "acceptAllBtn": "Yes, allow analytics cookies",
-        "acceptNecessaryBtn": "No, reject analytics cookies",
-        "description": "The Combine stores basic info about your current session on your device. This info is necessary and isn't shared with anybody. The Combine also uses analytics cookies, which are only for us to fix bugs and compile anonymized statistics. Do you consent to our usage of analytics cookies?",
-        "title": "Cookies on The Combine"
-      },
       "consentNo": "You have not consented to our use of analytics cookies.",
       "consentYes": "You have consented to our use of analytics cookies.",
       "title": "Analytics cookies"

diff --git a/src/components/AnalyticsConsent/AnalyticsConsent.tsx b/src/components/AnalyticsConsent/AnalyticsConsent.tsx
@@ -1,13 +1,16 @@
 import { List, ListItemButton, Typography } from "@mui/material";
 import Drawer from "@mui/material/Drawer";
 import { ReactElement } from "react";
+import { useTranslation } from "react-i18next";
 
 interface ConsentProps {
   onChangeConsent: (consentVal: boolean | undefined) => void;
   required: boolean;
 }
 
 export function AnalyticsConsent(props: ConsentProps): ReactElement {
+  const { t } = useTranslation();
+
   const acceptAnalytics = (): void => {
     props.onChangeConsent(true);
   };
@@ -31,13 +34,17 @@ export function AnalyticsConsent(props: ConsentProps): ReactElement {
             onClick={acceptAnalytics}
             style={{ justifyContent: "center" }}
           >
-            <Typography>Accept</Typography>
+            <Typography>
+              {t("analyticsConsent.consentModal.acceptAllBtn")}
+            </Typography>
           </ListItemButton>
           <ListItemButton
             onClick={rejectAnalytics}
             style={{ justifyContent: "center" }}
           >
-            <Typography>Reject</Typography>
+            <Typography>
+              {t("analyticsConsent.consentModal.acceptNecessaryBtn")}
+            </Typography>
           </ListItemButton>
         </List>
       </Drawer>