Fixed bug with api response

static/main/js/control.js

@@ -10,7 +10,9 @@ function move_checkboxes() {
     }
   }
 }
+move_checkboxes();
 
+// React
 class TableRow extends React.Component {
   render() {
     return (
@@ -20,7 +22,13 @@ class TableRow extends React.Component {
         </td>
         <td>{this.props.user.user.email}</td>
         <td>{this.props.user.role}</td>
-        <td className="checkbox_field"></td>
+        <td>
+          <input
+            type="checkbox"
+            value={this.props.user.id}
+            className="form-check-input"
+          />
+        </td>
       </tr>
     );
   }
@@ -29,20 +37,31 @@ class TableRow extends React.Component {
 class TableBody extends React.Component {
   constructor(props) {
     super(props);
-    this.state = { users: [] };
+    this.state = {
+      users: [],
+      engineers: 0,
+      light_agents: 0,
+    };
   }
 
   get_users() {
     axios.get("/api/users").then((response) => {
-      this.setState({ users: response.data });
+      this.setState({
+        users: response.data.users,
+        engineers: response.data.engineers,
+        light_agents: response.data.light_agents,
+      });
+      let elements = document.querySelectorAll(".info-quantity-value");
+      console.log(elements)
+      elements[0].innerHTML = this.state.engineers;
+      elements[1].innerHTML = this.state.light_agents;
     });
   }
 
   componentDidMount() {
     this.interval = setInterval(() => {
       this.get_users();
-      move_checkboxes();
-    }, 1000);
+    }, 10000);
   }
 
   componentWillUnmount() {
@@ -56,5 +75,5 @@ class TableBody extends React.Component {
   }
 }
 
-move_checkboxes();
 ReactDOM.render(<TableBody />, document.getElementById("table"));
+