test

Author: jwklong

src/components/custom-procedures/custom-procedures.jsx

@@ -224,6 +224,32 @@ const CustomProcedures = props => (
                         />
                     </div>
                 </div>
+                <div
+                    className={styles.optionCard}
+                    role="button"
+                    tabIndex="0"
+                    onClick={props.onAddCommand}
+                    display="none" //shhh
+                >
+                    <img
+                        className={styles.optionIcon}
+                        src={stackBlockIcon}
+                    />
+                    <div className={styles.optionTitle}>
+                        <FormattedMessage
+                            defaultMessage="Add an input"
+                            description="Label for button to add a command input"
+                            id="gui.customProcedures.addAnInputCommand"
+                        />
+                    </div>
+                    <div className={styles.optionDescription}>
+                        <FormattedMessage
+                            defaultMessage="command"
+                            description="Description of the command input type"
+                            id="gui.customProcedures.commandType"
+                        />
+                    </div>
+                </div>
                 <div
                     className={styles.optionCard}
                     role="button"
@@ -396,6 +422,7 @@ CustomProcedures.propTypes = {
     componentRef: PropTypes.func.isRequired,
     intl: intlShape,
     onAddBoolean: PropTypes.func.isRequired,
+    onAddCommand: PropTypes.func.isRequired,
     onAddLabel: PropTypes.func.isRequired,
     onAddTextNumber: PropTypes.func.isRequired,
     onCancel: PropTypes.func.isRequired,

src/containers/custom-procedures.jsx

@@ -178,6 +178,11 @@ class CustomProcedures extends React.Component {
             this.mutationRoot.addBooleanExternal();
         }
     }
+    handleAddCommand () {
+        if (this.mutationRoot) {
+            this.mutationRoot.addCommandExternal();
+        }
+    }
     handleAddTextNumber () {
         if (this.mutationRoot) {
             this.mutationRoot.addStringNumberExternal();
@@ -246,6 +251,7 @@ class CustomProcedures extends React.Component {
                 blockColor={this.state.blockColor}
                 returns={this.state.returns}
                 onAddBoolean={this.handleAddBoolean}
+                onAddCommand={this.handleAddCommand}
                 onAddLabel={this.handleAddLabel}
                 onAddTextNumber={this.handleAddTextNumber}
                 onCancel={this.handleCancel}