ADD: the api call to create a new Entity

webapp/src/App.jsx

@@ -29,7 +29,8 @@ const client = new W3CWebSocket("ws://"+config.apiUrl+":"+config.apiProt+"/");
 class App extends Component {
   state =  {
     Entities: [],
-    EntityOnFocus: undefined
+    EntityOnFocus: undefined,
+    PositionClicked: undefined
   }
   
   componentDidMount() {
@@ -104,6 +105,16 @@ class App extends Component {
       });
     }
 
+    
+    setFocusPosition(props)
+    {
+
+      // console.log(Entity);
+      this.setState({
+        PositionClicked: props
+      });
+    }
+
   
     
     render() {
@@ -113,9 +124,9 @@ class App extends Component {
         <Header />
         <div className="Content">
           
-        <Controls Entities= {this.state.Entities} updateEntities = {this.updateEntities} EntityOnFocus = {this.state.EntityOnFocus} />
+        <Controls Client= {client} Entities= {this.state.Entities} updateEntities = {this.updateEntities} EntityOnFocus = {this.state.EntityOnFocus} PositionClicked = {this.state.PositionClicked} />
        
-        <OpenSeaMap Entities= {this.state.Entities} updateEntities = {this.updateEntities} setEntityOnFocus = {this.setEntityOnFocus.bind(this)}/>
+        <OpenSeaMap Entities= {this.state.Entities} updateEntities = {this.updateEntities} setEntityOnFocus = {this.setEntityOnFocus.bind(this)} setFocusPosition = {this.setFocusPosition.bind(this)}/>
         </div>