[Upd #323] Add intl to wizard tooltip

kbss-cvut · Apr 19, 2024 · f4fd276 · f4fd276
1 parent 220e9c0
commit f4fd276
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/src/components/wizard/HorizontalWizardNav.jsx b/src/components/wizard/HorizontalWizardNav.jsx
@@ -7,9 +7,11 @@ import { ConfigurationContext } from "../../contexts/ConfigurationContext";
 import Question from "../Question";
 import classNames from "classnames";
 import IconOverlay from "../IconOverlay.jsx";
+import { useIntl } from "react-intl";
 
 const HorizontalWizardNav = ({ steps, onNavigate, currentStep }) => {
   const { options } = useContext(ConfigurationContext);
+  const intl = useIntl();
 
   return (
     <Card.Header>
@@ -21,7 +23,7 @@ const HorizontalWizardNav = ({ steps, onNavigate, currentStep }) => {
         {steps.map((step, index) => (
           <IconOverlay
             id="step-disabled"
-            tooltipContent="Navigation to this tab is disabled to prevent overlooking important questions. Use form-related buttons to navigate to this tab instead."
+            tooltipContent={intl.formatMessage({ id: "wizard.nav.tooltip" })}
             show={!options.enableWizardStepSkip}
           >
             <NavItem key={"nav" + index} id={"wizard-nav-" + index}>

diff --git a/src/components/wizard/VerticalWizardNav.jsx b/src/components/wizard/VerticalWizardNav.jsx
@@ -7,17 +7,19 @@ import FormUtils from "../../util/FormUtils";
 import Question from "../Question";
 import classNames from "classnames";
 import IconOverlay from "../IconOverlay.jsx";
+import { useIntl } from "react-intl";
 
 const VerticalWizardNav = ({ steps, onNavigate, currentStep }) => {
   const { options } = useContext(ConfigurationContext);
+  const intl = useIntl();
 
   return (
     <div className="wizard-nav col-2 p-0">
       <ListGroup>
         {steps.map((step, index) => (
           <IconOverlay
             id="step-disabled"
-            tooltipContent="Navigation to this tab is disabled to prevent overlooking important questions. Use form-related buttons to navigate to this tab instead."
+            tooltipContent={intl.formatMessage({ id: "wizard.nav.tooltip" })}
             show={!options.enableWizardStepSkip}
           >
             <ListGroupItem

diff --git a/src/i18n/cs.json b/src/i18n/cs.json
@@ -1,3 +1,4 @@
 {
-  "comment.form.placeholder": "Sem napište své komentáře (Ctrl+Enter pro potvrzení)"
+  "comment.form.placeholder": "Sem napište své komentáře (Ctrl+Enter pro potvrzení)",
+  "wizard.nav.tooltip": "Navigace na této kartě je zakázána, aby nedošlo k přehlédnutí důležitých otázek. K navigaci na tuto kartu použijte tlačítka související s formulářem."
 }
diff --git a/src/i18n/en.json b/src/i18n/en.json
@@ -1,3 +1,4 @@
 {
-  "comment.form.placeholder": "Write your comments here  (Ctrl+Enter to confirm, Esc to cancel)"
+  "comment.form.placeholder": "Write your comments here  (Ctrl+Enter to confirm, Esc to cancel)",
+  "wizard.nav.tooltip": "Navigation to this tab is disabled to prevent overlooking important questions. Use form-related buttons to navigate to this tab instead."
 }