added

src/components/problem-layout/Problem.js

@@ -3,7 +3,7 @@ import { withStyles } from "@material-ui/core/styles";
 import Button from "@material-ui/core/Button";
 import Card from "@material-ui/core/Card";
 import CardContent from "@material-ui/core/CardContent";
-import ProblemCard from "./ProblemCard";
+import ProblemCardWrapper from "./ProblemCardWrapper";
 import Grid from "@material-ui/core/Grid";
 import { animateScroll as scroll, Element, scroller } from "react-scroll";
 import update from "../../models/BKT/BKT-brain.js";
@@ -39,7 +39,7 @@ class Problem extends React.Component {
     constructor(props, context) {
         super(props);
 
-        const { setLanguage } = this.props;
+        const { setLanguage } = props;
         if (props.lesson.courseName == "Matematik 4") {
             setLanguage('se')
         }
@@ -464,7 +464,7 @@ class Problem extends React.Component {
                                 name={idx.toString()}
                                 key={`${problem.id}-${step.id}`}
                             >
-                                <ProblemCard
+                                <ProblemCardWrapper
                                     problemID={problem.id}
                                     step={step}
                                     index={idx}

src/components/problem-layout/ProblemCard.js

@@ -41,6 +41,7 @@ class ProblemCard extends React.Component {
     constructor(props, context) {
         super(props);
         // console.log("problem lesson props:", props);
+
         this.translate = props.translate
         this.step = props.step;
         this.index = props.index;

src/components/problem-layout/ProblemCardWrapper.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LocalizationConsumer } from '../../util/LocalizationContext';
+import ProblemCard from './ProblemCard';
+
+const ProblemCardWrapper = (props) => (
+  <LocalizationConsumer>
+    {({ setLanguage }) => <ProblemCard {...props} setLanguage={setLanguage} />}
+  </LocalizationConsumer>
+);
+
+export default ProblemCardWrapper;

src/platform-logic/Platform.js

@@ -76,6 +76,14 @@ class Platform extends React.Component {
     }
 
     componentDidMount() {
+        const { setLanguage } = this.props;
+        if (this.props.lessonID == 5) {
+            setLanguage('se')
+        } else {
+            const defaultLocale = localStorage.getItem('defaultLocale');
+            setLanguage(defaultLocale)
+        }
+
         this._isMounted = true;
         if (this.props.lessonID != null) {
             console.log("calling selectLesson from componentDidMount...") 

src/util/useTranslation.js

@@ -5,7 +5,7 @@ import translationsEs from "../locales/es.json";
 import translationsSe from "../locales/se.json";
 
 export const useTranslation = () => {
-    const { language } = useLocalization();
+    const { language, setLanguage } = useLocalization();
 
     const translationsMap = {
         en: translationsEn,
@@ -19,5 +19,5 @@ export const useTranslation = () => {
         return key.split(".").reduce((obj, k) => (obj || {})[k], translations);
     };
 
-    return translate;
+    return { translate, setLanguage };
 };

src/util/withTranslation.js

@@ -3,8 +3,8 @@ import { useTranslation } from './useTranslation';
 
 const withTranslation = (WrappedComponent) => {
   return (props) => {
-    const translate = useTranslation();
-    return <WrappedComponent translate={translate} {...props} />;
+    const { translate, setLanguage } = useTranslation();
+    return <WrappedComponent translate={translate} setLanguage={setLanguage} {...props} />;
   };
 };