implemented save button

src/LexSetup.tsx

@@ -36,29 +36,33 @@ export class LexSetup extends React.Component<any, any> {
         <Loader inverted={true}>Loading</Loader>
       </Dimmer>
     );
+    let saveXMLBackend = (ev: any, d: any) => {
+      // this.setState({ xmlLoaded: false });
+      let xmlText = this.xmlBuilder.buildObject(this.props.xmlData);
+      let data = new FormData();
+      data.append('file', xmlText);
+      data.append('name', 'new_es_s.xml'); // this.fileName
+      fetch('/api/save', {
+        method: 'POST',
+        body: data
+      })
+        .then((response) => response.text())
+        .then((rsptext) => {
+          console.log('response', rsptext);
+          this.setState({ dirty: false });
+        })
+        .catch((e) => {
+          // console.log('errored :', e);
+          this.setState({ dirty: true });
+        });
+    };
     let saveButton = this.state.dirty ?
-      (<Button floated="right" size="mini">Save</Button>) : null;
+      (
+        <Button floated="right" size="mini" onClick={saveXMLBackend}>
+          Save
+        </Button>
+      ) : null;
     let xmlEntries = xmlToEntries(this.props.xmlData);
-    // let saveXMLBackend = () => {
-    //   this.setState({ xmlLoaded: false });
-    //   let xmlText = this.xmlBuilder.buildObject(this.props.xmlData);
-    //   let data = new FormData();
-    //   data.append('file', xmlText);
-    //   data.append('name', 'new_es_s.xml'); // this.fileName
-    //   fetch('/api/save', {
-    //     method: 'POST',
-    //     body: data
-    //   })
-    //     .then((response) => response.text())
-    //     .then((rsptext) => {
-    //       console.log('response', rsptext);
-    //       this.setState({ xmlLoaded: true });
-    //     })
-    //     .catch((e) => {
-    //       // console.log('errored :', e);
-    //       this.setState({ xmlLoaded: true });
-    //     });
-    // };
     // _.noop(saveXMLBackend);
     let markDirty = () => {
       this.setState({ dirty: true });