From 15a83f56fcdbc213e17c2e73647bcd558aedac1e Mon Sep 17 00:00:00 2001
From: Delucse <46593742+Delucse@users.noreply.github.com>
Date: Sun, 20 Sep 2020 14:15:18 +0200
Subject: [PATCH] fix bug in blockly example

---
 src/components/Tutorial/Builder/BlocklyExample.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Tutorial/Builder/BlocklyExample.js b/src/components/Tutorial/Builder/BlocklyExample.js
index a421454..0665c41 100644
--- a/src/components/Tutorial/Builder/BlocklyExample.js
+++ b/src/components/Tutorial/Builder/BlocklyExample.js
@@ -73,7 +73,6 @@ class BlocklyExample extends Component {
   onChange = (value) => {
     var oldValue = this.state.checked;
     this.setState({checked: value});
-    console.log(!value);
     if(oldValue !== value && !value){
       this.props.deleteProperty(this.props.index, 'xml');
     }
@@ -96,7 +95,7 @@ class BlocklyExample extends Component {
             }
           />
         : <FormLabel style={{color: 'black'}}>Musterlösung</FormLabel>}
-        {this.state.checked ? !this.props.value || this.props.error.steps[this.props.index].xml ?
+        {this.state.checked ? !this.props.value || !this.props.error.steps[this.props.index].xml ?
           <FormHelperText style={{lineHeight: 'initial', marginBottom: '10px'}} className={this.props.classes.errorColor}>Reiche deine Blöcke ein, indem du auf den rot gefärbten Button klickst.</FormHelperText>
         : <FormHelperText style={{lineHeight: 'initial', marginBottom: '10px'}}>Die letzte Einreichung erfolgte um {this.state.input} Uhr.</FormHelperText>
         : null}
@@ -110,15 +109,19 @@ class BlocklyExample extends Component {
             initialXml = null;
             this.props.setError(this.props.index, 'xml');
           }
+          console.log(!this.props.value);
+          console.log(this.props.value);
+          console.log(this.props.error.steps[this.props.index].xml);
+          console.log(!this.props.value || this.props.error.steps[this.props.index].xml);
           return (
             <div>
-              <Grid container className={!this.props.value ? this.props.classes.errorBorder : null}>
+              <Grid container className={!this.props.value || !this.props.error.steps[this.props.index].xml ? this.props.classes.errorBorder : null}>
                 <Grid item xs={12}>
                   <BlocklyWindow initialXml={initialXml}/>
                 </Grid>
               </Grid>
               <Button
-                className={!this.props.value || this.props.error.steps[this.props.index].xml ? this.props.classes.errorButton : null }
+                className={!this.props.value || !this.props.error.steps[this.props.index].xml ? this.props.classes.errorButton : null }
                 style={{marginTop: '5px', height: '40px'}}
                 variant='contained'
                 color='primary'