[Upd #193] Refactoring messages with new intl provider

kbss-cvut · Apr 23, 2024 · 9b6a716 · 9b6a716
1 parent 9d1f385
commit 9b6a716
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/src/components/Question.jsx b/src/components/Question.jsx
@@ -442,12 +442,9 @@ export default class Question extends React.Component {
   }
 
   _renderCollapseToggle() {
-    const { options } = this.context;
-
-    // TODO: Convert this component into a functional component to use useIntl() Hook
     const title = this.state.expanded
-      ? options.i18n["section.collapse"]
-      : options.i18n["section.expand"];
+      ? this.props.intl.formatMessage({ id: "section.collapse" })
+      : this.props.intl.formatMessage({ id: "section.expand" });
 
     return (
       <span onClick={this._toggleCollapse} title={title}>

diff --git a/src/stories/Question.stories.tsx b/src/stories/Question.stories.tsx
@@ -37,15 +37,13 @@ const optionsWithDebugModeOn = {
   intl: {
     locale: "en",
   },
-  i18n: {},
   debugMode: true,
 };
 
 const optionsWithStartingHiddenQuestion = {
   intl: {
     locale: "en",
   },
-  i18n: {},
   ...getP("startingQuestionId", "hidden-question-1834"),
 };
 
@@ -66,7 +64,6 @@ const Template: ComponentStory<typeof Question> = (
     intl: {
       locale: "en",
     },
-    i18n: {},
     debugMode: debugMode,
   };
   const _getComponentMappingFunction = () => {