example of multilanguage tour

src/components/Navbar.js

@@ -128,7 +128,7 @@ class Navbar extends Component {
               </Tooltip>
             : null}
             <Tour
-              steps={isHome ? home : assessment}
+              steps={isHome ? home() : assessment()}
               isOpen={this.state.isTourOpen}
               onRequestClose={() => { this.closeTour(); }}
             />

src/components/Tour.js

@@ -1,4 +1,11 @@
-export const home = [
+import * as Blockly from 'blockly/core';
+
+export const home = () => {
+  return [
+      {
+          selector: '.workspaceFunc',
+          content: `${Blockly.Msg.settings_head}`
+      },
       {
           selector: '.workspaceFunc',
           content: 'Hier findest du alle Buttons um dein Programm zu übertragen, zu speichern oder zu teilen',
@@ -19,12 +26,15 @@ export const home = [
           selector: ".MenuButton",
           content: 'Im Menü findest du Tutorials und eine Gallery mit verschiedenen Beispiel Programmen.',
       }
-];
+  ];
+};
 
-export const assessment = [
+export const assessment = () => {
+  return [
       // to be continued...
       {
           selector: '.assessmentDiv',
           content: 'Hier kannst du eine Aufgabe lösen und kontrollieren.',
       }
-];
+  ];
+};