import React = require("react");
import { Form, Text,  } from "react-form";
import { StatBlock } from "../../common/StatBlock";

export class StatBlockEditor extends React.Component<StatBlockEditorProps, StatBlockEditorState> {
    public saveAndClose = (submittedValues?) => {
        const editedStatBlock = {
            ...this.props.statBlock,
            Name: submittedValues.name
        };
        
        this.props.onSave(editedStatBlock);
    }

    public render() {
        const statBlock = this.props.statBlock;
        return <Form onSubmit={this.saveAndClose}
            render={api => (
            <form onSubmit={api.submitForm}>
                    <Text field="name" value={statBlock.Name} />
                    <button type="submit"><span className="button fa fa-save"></span></button>
            </form>
        )} />;
    }
}

interface StatBlockEditorProps {
    statBlock: StatBlock;
    onSave: (statBlock: StatBlock) => void;
}

interface StatBlockEditorState { }
import React = require("react");
import { StatBlock } from "../../common/StatBlock";

export class StatBlockEditor extends React.Component<StatBlockEditorProps, StatBlockEditorState> {
    public saveAndClose = () => {
        this.props.onSave(this.props.statBlock);
    }
    
    public render() {
        return "";
    }
}

interface StatBlockEditorProps {
    statBlock: StatBlock;
    onSave: (statBlock: StatBlock) => void;
}

interface StatBlockEditorState {}
--- 
+++ 
@@ -1,13 +1,26 @@
 import React = require("react");
+import { Form, Text,  } from "react-form";
 import { StatBlock } from "../../common/StatBlock";
 
 export class StatBlockEditor extends React.Component<StatBlockEditorProps, StatBlockEditorState> {
-    public saveAndClose = () => {
-        this.props.onSave(this.props.statBlock);
+    public saveAndClose = (submittedValues?) => {
+        const editedStatBlock = {
+            ...this.props.statBlock,
+            Name: submittedValues.name
+        };
+        
+        this.props.onSave(editedStatBlock);
     }
-    
+
     public render() {
-        return "";
+        const statBlock = this.props.statBlock;
+        return <Form onSubmit={this.saveAndClose}
+            render={api => (
+            <form onSubmit={api.submitForm}>
+                    <Text field="name" value={statBlock.Name} />
+                    <button type="submit"><span className="button fa fa-save"></span></button>
+            </form>
+        )} />;
     }
 }
 
@@ -16,4 +29,4 @@
     onSave: (statBlock: StatBlock) => void;
 }
 
-interface StatBlockEditorState {}
+interface StatBlockEditorState { }
Add name field and submit button
