Newer
Older
import React, { useContext, useEffect, useState, Checkbox } from 'react';
import {recivedInterview, recievedOffer, deleteJob} from '../../../api/job_tracker';
const Table_row = ({job}) => {
const [interview, setInterview] = React.useState(job.receivedInterview);
const [offer, setOffer] = React.useState(job.receivedOffer);
const handleChangeInterview = async () => {
setInterview(!interview);
const responseInterview = await recivedInterview(job, interview)
console.log(responseInterview)
};
const handleChangeOffer = async () => {
setOffer(!offer);
const responseOffer = await recievedOffer(job, offer)
console.log(responseOffer)
}
const onClickDelete = async () => {
const responseOffer = await deleteJob(job)
window.location.reload(false);
console.log(responseOffer)
}
<tbody>
<tr key={job.job_id}>
<td scope="row" class="align-middle"><img src={job.employer_logo} style={{"maxWidth":100}}></img></td>
<td class="align-middle">{job.employer_name}</td>
<td class="align-middle">{job.job_title}</td>
<td class="align-middle">{job.job_city}</td>
<td class="align-middle">{job.job_publisher}</td>
<td class="align-middle">
<label>
<input type="checkbox" checked={interview} onChange={handleChangeInterview}/>
Interview Recieved
</label>
{/* <p>Is "Interview" checked? {interview.toString()}</p> */}
</td>
<label>
<input type="checkbox" checked={offer} onChange={handleChangeOffer}/>
Offer Recieved
</label>
{/* <p>Is "Offer" checked? {offer.toString()}</p> */}
</td>
<button type="button" class="btn btn-dark" onClick={onClickDelete}>Remove</button>
</td>
</tr>
</tbody>
)
}
export default Table_row;