get a tutorial about the API

src/components/Tutorial/SolutionCheck.js

@@ -8,7 +8,7 @@ import { withRouter } from 'react-router-dom';
 import Compile from '../Compile';
 import Dialog from '../Dialog';
 
-import tutorials from '../../data/tutorials';
+// import tutorials from '../../data/tutorials';
 import { checkXml } from '../../helpers/compareXml';
 
 import { withStyles } from '@material-ui/core/styles';
@@ -47,7 +47,7 @@ class SolutionCheck extends Component {
   }
 
   check = () => {
-    const tutorial = tutorials.filter(tutorial => tutorial.id === this.props.currentTutorialId)[0];
+    const tutorial = this.props.tutorial //tutorials.filter(tutorial => tutorial.id === this.props.currentTutorialId)[0];
     const step = tutorial.steps[this.props.activeStep];
     var msg = checkXml(step.xml, this.props.xml);
     this.props.tutorialCheck(msg.type, step);
@@ -55,7 +55,7 @@ class SolutionCheck extends Component {
   }
 
   render() {
-    const steps = tutorials.filter(tutorial => tutorial.id === this.props.currentTutorialId)[0].steps;
+    const steps = this.props.tutorial.steps //tutorials.filter(tutorial => tutorial.id === this.props.currentTutorialId)[0].steps;
     return (
       <div>
         <Tooltip title='Lösung kontrollieren' arrow>
@@ -114,15 +114,17 @@ class SolutionCheck extends Component {
 SolutionCheck.propTypes = {
   tutorialCheck: PropTypes.func.isRequired,
   tutorialStep: PropTypes.func.isRequired,
-  currentTutorialId: PropTypes.number,
+  // currentTutorialId: PropTypes.number,
   activeStep: PropTypes.number.isRequired,
-  xml: PropTypes.string.isRequired
+  xml: PropTypes.string.isRequired,
+  tutorial: PropTypes.object.isRequired
 };
 
 const mapStateToProps = state => ({
-  currentTutorialId: state.tutorial.currentId,
+  // currentTutorialId: state.tutorial.currentId,
   activeStep: state.tutorial.activeStep,
-  xml: state.workspace.code.xml
+  xml: state.workspace.code.xml,
+  tutorial: state.tutorial.tutorial
 });
 
 export default connect(mapStateToProps, { tutorialCheck, tutorialStep })(withStyles(styles, { withTheme: true })(withRouter(SolutionCheck)));