Issue in render method for teammates view about react-director-admin-template HOT 3 OPEN

actions: PropTypes.shape({
  enterLogin:  PropTypes.func.isRequired,
  leaveLogin:  PropTypes.func.isRequired
}).isRequired

this.renderEditable = this.renderEditable.bind(this);

mem_len: []

// clear all application storage
auth.clearAllAppStorage();

// redirect to login

const { history } = this.props;
history.push('/login');

componentDidMount() {

	var compid = dt.user.companyId;
    var headers ={
        headers: {
            'Content-Type': 'application/json',
            'AccessToken': dt.accessToken
        }
    };


    axios.get(apiBaseUrl+'admin/employees?companyId='+compid, headers).then(res =>{
     for(var i=0;i<res.data.length;i++){
			 res.data[i].dates =  moment(res.data[i].createdAt).format('DD/MM/YYYY');
			 res.data[i].tools =  '';
			 if(res.data[i].alreadyRegistered == false){
				 res.data[i].register =  "No";
			 }else{
				 res.data[i].register =  "Yes"
			 }
			 
		 }
		 this.setState({ mem_len: res.data.length});
		 
		
        this.setState({ members: res.data});
       
		self = this;
	
    })
}

    var dtn= JSON.parse(localStorage.data);
    var filetype = event.target.files[0];

    var formdata = new FormData();

    formdata.append('file', filetype);
	formdata.append("data", "{\"companyId\":\""+dtn.user.companyId+"\"}");
 

    console.log(formdata);

    var headers ={
        headers: {
            'AccessToken': dtn.accessToken,
            'enctype':'multipart/form-data'
        }
    };

    axios.post(apiBaseUrl+'upload/approve/employees',formdata, headers).then(res =>{
      console.log(res);

		for(var i=0;i<res1.data.length;i++){
			 res1.data[i].dates =  moment(res1.data[i].createdAt).format('DD/MM/YYYY');
			 res1.data[i].tools =  '';
			 if(res1.data[i].alreadyRegistered == false){
				 res1.data[i].register =  "No";
			 }else{
				 res1.data[i].register =  "Yes"
			 }
		 }
		
		
       self.msg.success(res.data.message);
	
self.setState({members: res1.data});
self.setState({ mem_len: res1.data.length})		
    })
	})
	
}
renderEditable(cellInfo) {
return (
  <div
    style={{ backgroundColor: "#fafafa" }}
    contentEditable
    suppressContentEditableWarning
    onBlur={e => {
      const data = [...this.state.members];
      data[cellInfo.index][cellInfo.column.id] = e.target.innerHTML;
	this.setState({ members });
    }}
    dangerouslySetInnerHTML={{
      __html: this.state.members[cellInfo.index][cellInfo.column.id]
    }}
  />
);

  localStorage.setItem('employeeid',emp_dtls);
  const { history } = this.props;
			history.push({ pathname: '/editemployee'}); 

console.log(this.state);
console.log("confirm");
 var dtn= JSON.parse(localStorage.data);
var headers ={
        headers: {
            'AccessToken': dtn.accessToken,
            'enctype':'multipart/form-data'
        }
    };

		 axios.delete(apiBaseUrl+'admin/deleteemployee/'+emp_id, headers).then(res =>{
			console.log(res);
			axios.get(apiBaseUrl+'admin/employees?companyId='+dtn.user.companyId, headers).then(res1 =>{
				console.log(res1.data);
				for(var i=0;i<res1.data.length;i++){
					res1.data[i].dates =  moment(res1.data[i].createdAt).format('DD/MM/YYYY');
					res1.data[i].tools =  '';
					if(res1.data[i].alreadyRegistered == false){
						res1.data[i].register =  "No";
					}else{
						res1.data[i].register =  "Yes"
					}
				}
				self.msg.success(res.data.message);
				self.setState({members: res1.data});
				self.setState({ mem_len: res1.data.length})		
			})
		})

  confirmLabel: 'Confirm',                           // Text button confirm 
  cancelLabel: 'Cancel',                             // Text button cancel 
  onConfirm: () => this.cnfrmdelete(empl.id),    // Action after Confirm 
  onCancel: () => this.cnfrmcncl()    // Action after Cancel 
})

console.log(members)
console.log(mem_len)

const Header = ["Employee", "Email", "Phone", "Created At", "Registered", "No of Sessions","Tools" ];
return(
  <AnimatedView>
  <Title render="Employees"/>
    <div className="row">
      <div className="col-xs-12">
        <Panel className="post_rel"
          hasTitle={true}
          title={'Employees'} hasLink={true} importfunc={this.handleChange} linktitle={'Add Employee'} linkto={'/Manage/addemployee'} hasimport={true} importitle={'Import Employee'}>
		   
		 <span className="upld"><a href="http://dev.ceino.com/pacifyr_template/template.csv"  target="_blank" download="template.csv"  className="dwnld_temp" title="Import Template" ><i className="fa fa-download" aria-hidden="true"></i> Downdload Template</a></span>
		 
		 
		  <div>
		
	 <ReactTable
      data={members}
      columns={[
		{
          Header: "First Name",
		
          accessor: "firstName"
        }, {
          Header: "Last Name",
		 
          accessor: "lastName"
        }, {
          Header: "Gender",
		  minWidth:60,
          accessor: "gender"
        }, {
          Header: "Date of Birth",
		  minWidth:75,
		  minHeight:75,
          accessor: "dateOfBirth"
        }, {
          Header: "Marital Status",
		  minWidth:60,
          accessor: "maritalStatus"
        },
		{
          Header: "Email",
		  minWidth:100,
          accessor: "email"
        },
		{
          Header: "Phone",
		  minWidth:90,
          accessor: "phoneNumber"
        }, 
		{
          Header: "Created At",
		  minWidth:75,
          accessor: "dates"
        },
		{
          Header: "Registered",
		  minWidth:60,
          accessor: "register"
        },
		{
          Header: "No of Sessions",
		  minWidth:70,
          accessor: "numberOfSessions"
        },
        {
          Header: "Tools",
		  minWidth:75,
		  accessor: "id",
          Cell: row => (
			<span>
				<a href="javascript://void(0)"  onClick={() => { this.edit_employee(row.original) }} >
					<i className="fa fa-pencil-square-o blck" aria-hidden="true"></i>
				</a>
				<a href="javascript://void(0)" onClick={() => { this.submit(row.original) }}>
					<i className="fa fa-trash-o red mrgl10" aria-hidden="true"  ></i>
				</a> 
			</span>
		  )
        }
      ]}
      defaultPageSize={10}
      className="-striped -highlight"
    />
    <br />
   
	
</div>
		   

          <TeamMates>
           
          </TeamMates>
         <AlertContainer ref={a => this.msg = a} {...this.alertOptions} />
        </Panel>
      </div>
    </div>
   
  </AnimatedView>
);