From f53baf25360b07035c8438c89700bc75969dadbb Mon Sep 17 00:00:00 2001
From: Mario <mario.pesch@uni-muenster.de>
Date: Tue, 8 Dec 2020 20:06:51 +0100
Subject: [PATCH] update compile button color

---
 src/App.js                               |  5 ++++-
 src/components/Tutorial/SolutionCheck.js |  8 ++++----
 src/components/Workspace/Compile.js      | 10 +++++-----
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/App.js b/src/App.js
index db72ff0..1eccac4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -24,13 +24,16 @@ const theme = createMuiTheme({
     },
     secondary: {
       main: '#DDDDDD'
+    },
+    button: {
+      compile: '#e27136'
     }
   }
 });
 
 class App extends Component {
 
-  componentDidMount(){
+  componentDidMount() {
     store.dispatch(loadUser());
   }
 
diff --git a/src/components/Tutorial/SolutionCheck.js b/src/components/Tutorial/SolutionCheck.js
index 5728ef1..f8c1383 100644
--- a/src/components/Tutorial/SolutionCheck.js
+++ b/src/components/Tutorial/SolutionCheck.js
@@ -15,15 +15,15 @@ import IconButton from '@material-ui/core/IconButton';
 import Tooltip from '@material-ui/core/Tooltip';
 import Button from '@material-ui/core/Button';
 
-import { faPlay } from "@fortawesome/free-solid-svg-icons";
+import { faClipboardCheck } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 const styles = (theme) => ({
   compile: {
-    backgroundColor: theme.palette.primary.main,
+    backgroundColor: theme.palette.button.compile,
     color: theme.palette.primary.contrastText,
     '&:hover': {
-      backgroundColor: theme.palette.primary.main,
+      backgroundColor: theme.palette.button.compile,
       color: theme.palette.primary.contrastText,
     }
   }
@@ -63,7 +63,7 @@ class SolutionCheck extends Component {
             style={{ width: '40px', height: '40px', marginRight: '5px' }}
             onClick={() => this.check()}
           >
-            <FontAwesomeIcon icon={faPlay} size="xs" />
+            <FontAwesomeIcon icon={faClipboardCheck} size="l" />
           </IconButton>
         </Tooltip>
 
diff --git a/src/components/Workspace/Compile.js b/src/components/Workspace/Compile.js
index 89b081e..e2e4768 100644
--- a/src/components/Workspace/Compile.js
+++ b/src/components/Workspace/Compile.js
@@ -15,7 +15,7 @@ import IconButton from '@material-ui/core/IconButton';
 import Tooltip from '@material-ui/core/Tooltip';
 import TextField from '@material-ui/core/TextField';
 
-import { faCogs } from "@fortawesome/free-solid-svg-icons";
+import { faClipboardCheck } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 const styles = (theme) => ({
@@ -24,12 +24,12 @@ const styles = (theme) => ({
     color: '#fff',
   },
   button: {
-    backgroundColor: theme.palette.primary.main,
+    backgroundColor: theme.palette.button.compile,
     color: theme.palette.primary.contrastText,
     width: '40px',
     height: '40px',
     '&:hover': {
-      backgroundColor: theme.palette.primary.main,
+      backgroundColor: theme.palette.button.compile,
       color: theme.palette.primary.contrastText,
     }
   }
@@ -116,12 +116,12 @@ class Compile extends Component {
               className={this.props.classes.button}
               onClick={() => this.compile()}
             >
-              <FontAwesomeIcon icon={faCogs} size="xs" />
+              <FontAwesomeIcon icon={faClipboardCheck} size="l" />
             </IconButton>
           </Tooltip>
           :
           <Button style={{ float: 'right', color: 'white' }} variant="contained" color="primary" onClick={() => this.compile()}>
-            <FontAwesomeIcon icon={faCogs} style={{ marginRight: '5px' }} /> Kompilieren
+            <FontAwesomeIcon icon={faClipboardCheck} style={{ marginRight: '5px' }} /> Kompilieren
           </Button>
         }
         <Backdrop className={this.props.classes.backdrop} open={this.state.progress}>