add en translations

src/components/Blockly/msg/de.js

@@ -1070,4 +1070,16 @@ Das Kopieren der Programme unter MacOS funktioniert nicht über den Finder, es g
 - [muCommander](https://www.mucommander.com/)
 `
 
+Blockly.Msg.faq_q2_question = `Mit welcher senseBox ist die Programmierumgebung kompatibel?`
+Blockly.Msg.faq_q2_answer = `
+Grundsätzlich kann die Programmierumgebung mit jeder senseBox mit senseBox MCU verwendet werden. 
+`
+
+
+Blockly.Msg.faq_q3_question = `Ich habe einen Fehler gefunden oder etwas funktioniert nicht. Wo kann ich diesen melden?`
+Blockly.Msg.faq_q3_answer = `
+Am besten legst du dazu ein Issue auf [Github](https://github.com/sensebox/React-Ardublockly/issues) an. Alternativ kannst du uns auch eine Email an info(at)sensebox.de senden
+`
+
+
 export const De = Blockly.Msg;

src/components/Blockly/msg/en.js

@@ -1022,14 +1022,28 @@ Blockly.Msg.compile_overlay_text = "Then copy it to your senseBox MCU";
  */
 
 
-Blockly.Msg.faq_q1_question = `Wie kann ich mein Programm auf die senseBox kopieren?`
-Blockly.Msg.faq_q1_answer = `Um Programme auf die senseBox zu kopieren wird diese mit dem Micro USB Kabel an den Computer angeschlossen. Mache anschließend auf der senseBox MCU einen Doppelklick auf den roten Reset Button. Die senseBox wird nun als Wechseldatenträger an deinem Computer erkannt und die zuvor erstellen Programm können per Drag & Drop kopiert werden. Nach jeder Änderung des Programmcodes muss das Programm neu kompiliert und übertragen werden
-#### Lernmodus der MCU aktivieren
+Blockly.Msg.faq_q1_question = `How can I copy my program to the senseBox?`
+Blockly.Msg.faq_q1_answer = `To copy programs to the senseBox, connect it to the computer with the Micro USB cable. Then double click on the red reset button on the senseBox MCU. The senseBox will now be recognized as a removable disk on your computer and the previously created programs can be copied via drag & drop. After each change of the program code the program must be recompiled and transferred again.
+#### Activate learning mode of the MCU
 <iframe width="560" height="315" src="https://www.youtube.com/embed/jzlOJ7Zuqqw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
-#### Kopieren von Programmen unter MacOS
-Das Kopieren der Programme unter MacOS funktioniert nicht über den Finder, es gibt es aber dennoch zwei verschiedene Möglichkeiten die Programme zu kopieren:
-- [senseBox Kopiertool](https://sensebox.de/docs/senseBox_Sketch_Uploader_DE.zip)
+#### Copying programs under macOS
+Copying programs under MacOS does not work via the Finder, but there are still two different ways to copy the programs:
+- [senseBox Copy Tool](https://sensebox.de/docs/senseBox_Sketch_Uploader_DE.zip)
 - [muCommander](https://www.mucommander.com/)
 `
+
+Blockly.Msg.faq_q2_question = `With which senseBox is the programming environment compatible?`
+Blockly.Msg.faq_q2_answer = `
+Basically the programming environment can be used with any senseBox with senseBox MCU. 
+`
+
+
+Blockly.Msg.faq_q3_question = `I found an error or something is not working. Where can I report it?`
+Blockly.Msg.faq_q3_answer = `
+The best way to do this is to create an issue on [Github](https://github.com/sensebox/React-Ardublockly/issues). Alternatively you can send us an email to info(at)sensebox.de
+`
+
+
+
 export const En = Blockly.Msg;

src/components/Faq.js

@@ -64,6 +64,26 @@ class Faq extends Component {
                                 </ExpansionPanel>
                             )
                         })}
+                        {
+                            this.props.button ?
+                                <Button
+                                    style={{ marginTop: '20px' }}
+                                    variant="contained"
+                                    color="primary"
+                                    onClick={() => { this.props.history.push(this.props.button.link) }}
+                                >
+                                    {this.props.button.title}
+                                </Button>
+                                :
+                                <Button
+                                    style={{ marginTop: '20px' }}
+                                    variant="contained"
+                                    color="primary"
+                                    onClick={() => { this.props.history.push('/') }}
+                                >
+                                    {Blockly.Msg.button_back}
+                                </Button>
+                        }
                     </div>
                 </Container>
             </div >

src/components/Navbar.js

@@ -71,8 +71,8 @@ class Navbar extends Component {
     var isHome = /^\/(\/.*$|$)/g.test(this.props.location.pathname);
     var isTutorial = /^\/tutorial(\/.*$|$)/g.test(this.props.location.pathname);
     var isAssessment = /^\/tutorial\/.{1,}$/g.test(this.props.location.pathname) &&
-                       !this.props.tutorialIsLoading && this.props.tutorial &&
-                       this.props.tutorial.steps[this.props.activeStep].type === 'task';
+      !this.props.tutorialIsLoading && this.props.tutorial &&
+      this.props.tutorial.steps[this.props.activeStep].type === 'task';
     return (
       <div>
         <AppBar
@@ -114,7 +114,7 @@ class Navbar extends Component {
                   <FontAwesomeIcon icon={faQuestionCircle} />
                 </IconButton>
               </Tooltip>
-            : null}
+              : null}
             {isAssessment ?
               <Tooltip title='Hilfe starten' arrow>
                 <IconButton
@@ -126,7 +126,7 @@ class Navbar extends Component {
                   <FontAwesomeIcon icon={faQuestionCircle} />
                 </IconButton>
               </Tooltip>
-            : null}
+              : null}
             <Tour
               steps={isHome ? home() : assessment()}
               isOpen={this.state.isTourOpen}
@@ -176,6 +176,7 @@ class Navbar extends Component {
             { text: Blockly.Msg.navbar_account, icon: faUserCircle, link: '/user', restriction: this.props.isAuthenticated },
             { text: Blockly.Msg.navbar_mybadges, icon: faCertificate, link: '/user/badge', restriction: this.props.isAuthenticated },
             { text: Blockly.Msg.navbar_logout, icon: faSignOutAlt, function: this.props.logout, restriction: this.props.isAuthenticated },
+            { text: 'FAQ', icon: faQuestionCircle, link: "/faq" },
             { text: Blockly.Msg.navbar_settings, icon: faCog, link: "/settings" }].map((item, index) => {
               if (item.restriction || Object.keys(item).filter(attribute => attribute === 'restriction').length === 0) {
                 return (

src/data/faq.js

@@ -12,6 +12,10 @@ export const FaqQuestions = () => {
         question: `${Blockly.Msg.faq_q2_question}`,
         answer: `${Blockly.Msg.faq_q2_answer}`,
       },
+      {
+        question: `${Blockly.Msg.faq_q3_question}`,
+        answer: `${Blockly.Msg.faq_q3_answer}`,
+      },
 
     ])
 }