Helping ppl on the internet

EmployeeList.js

export class EmployeeList extends React.Component {
  state = {
    employees: [],
    isLoading: true
  }

  componentDidMount() {
    if (localStorage.token) {
      this.loadEmployeesData()
    }
  }

  render() {
    return (
      <EmployeesTable
        isLoading={this.state.isLoading}
        employees={this.state.employees}
      />
    )
  }
  
  loadEmployeesData = () => {
    $.ajax({
      method: 'GET',
      url: '/api/employeelist/',
      datatype: 'json',
      headers: {
          'Authorization': 'Bearer ' + localStorage.token
      },
      success: res => this.setState({
        employees: res,
        isLoading: false
      })
    })
  }
}

export function EmployeesTable(props) {
  const { isLoading, employees } = props
  if (isLoading) {
    // return <Loading />
  }

  const employeesRows = employees.map(e => (
    <tr>
      <td>{e.first_name} {e.last_name}</td>
      <td>12</td>
    </tr>
  ))
  
  return (
    <div>
      <h2>Employees</h2>
      <table className="table table-responsive table-striped">
        <thead>
            <tr>
              <th>Name</th>
              <th></th>
            </tr>
        </thead>
        <tbody>
          {employeesRows}
        </tbody>
      </table>
    </div>
  )
}