From 45ac72a16ecdab6538dc3b95c7e9b9846b3bdb89 Mon Sep 17 00:00:00 2001
From: Delucse <46593742+Delucse@users.noreply.github.com>
Date: Fri, 18 Sep 2020 16:19:50 +0200
Subject: [PATCH] type of step

---
 src/components/Tutorial/Builder/StepType.js | 37 +++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/Tutorial/Builder/StepType.js

diff --git a/src/components/Tutorial/Builder/StepType.js b/src/components/Tutorial/Builder/StepType.js
new file mode 100644
index 0000000..f482990
--- /dev/null
+++ b/src/components/Tutorial/Builder/StepType.js
@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { changeContent } from '../../../actions/tutorialBuilderActions';
+
+import Radio from '@material-ui/core/Radio';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+
+class StepType extends Component {
+
+  render() {
+    return (
+      <RadioGroup row value={this.props.value} onChange={(e) => {this.props.changeContent(this.props.index, 'type', e.target.value)}}>
+        <FormControlLabel style={{color: 'black'}}
+          value="instruction"
+          control={<Radio color="primary" />}
+          label="Anleitung"
+          labelPlacement="end"
+        />
+        <FormControlLabel style={{color: 'black'}}
+          disabled={this.props.index === 0}
+          value="task"
+          control={<Radio color="primary" />}
+          label="Aufgabe"
+          labelPlacement="end"
+        />
+      </RadioGroup>
+    );
+  };
+}
+
+StepType.propTypes = {
+  changeContent: PropTypes.func.isRequired
+};
+
+export default connect(null, { changeContent })(StepType);