From 1e9361b7303c5f227a50a71bf37faab3071659cc Mon Sep 17 00:00:00 2001
From: Delucse <46593742+Delucse@users.noreply.github.com>
Date: Tue, 15 Dec 2020 16:18:47 +0100
Subject: [PATCH] example of multilanguage tour

---
 src/components/Navbar.js |  2 +-
 src/components/Tour.js   | 68 +++++++++++++++++++++++-----------------
 2 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index bce150b..e47e2f6 100644
--- a/src/components/Navbar.js
+++ b/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(); }}
             />
diff --git a/src/components/Tour.js b/src/components/Tour.js
index 8dfac3b..c728abf 100644
--- a/src/components/Tour.js
+++ b/src/components/Tour.js
@@ -1,30 +1,40 @@
-export const home = [
-    {
-        selector: '.workspaceFunc',
-        content: 'Hier findest du alle Buttons um dein Programm zu übertragen, zu speichern oder zu teilen',
-    },
-    {
-        selector: ".blocklyWindow",
-        content: 'Dies ist deine Arbeitsfläche.',
-    },
-    {
-        selector: ".blocklyToolboxDiv",
-        content: 'In der Toolbox befinden sich alle Blöcke. Verbinde diese in der Arbeitsfläche und erstelle dein Programmcode',
-    },
-    {
-        selector: ".saveBlocks",
-        content: 'Speichere deine Blöcke auf dem Computer.',
-    },
-    {
-        selector: ".MenuButton",
-        content: 'Im Menü findest du Tutorials und eine Gallery mit verschiedenen Beispiel Programmen.',
-    }
-];
+import * as Blockly from 'blockly/core';
 
-export const assessment = [
-    // to be continued...
-    {
-        selector: '.assessmentDiv',
-        content: 'Hier kannst du eine Aufgabe lösen und kontrollieren.',
-    }
-];
+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',
+      },
+      {
+          selector: ".blocklyWindow",
+          content: 'Dies ist deine Arbeitsfläche.',
+      },
+      {
+          selector: ".blocklyToolboxDiv",
+          content: 'In der Toolbox befinden sich alle Blöcke. Verbinde diese in der Arbeitsfläche und erstelle dein Programmcode',
+      },
+      {
+          selector: ".saveBlocks",
+          content: 'Speichere deine Blöcke auf dem Computer.',
+      },
+      {
+          selector: ".MenuButton",
+          content: 'Im Menü findest du Tutorials und eine Gallery mit verschiedenen Beispiel Programmen.',
+      }
+  ];
+};
+
+export const assessment = () => {
+  return [
+      // to be continued...
+      {
+          selector: '.assessmentDiv',
+          content: 'Hier kannst du eine Aufgabe lösen und kontrollieren.',
+      }
+  ];
+};