WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

delete job implemented

Browse Source
This commit was merged in pull request #60.
This commit is contained in:
victorAnumudu
2023-05-12 16:06:59 +01:00
parent 7a5e5580f9
commit 77bc0ca795
4 changed files with 176 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyJobs/MyJobTable.jsx
+14 -3
View File
@@ -5,6 +5,7 @@ import dataImage3 from "../../assets/images/data-table-user-3.png";
import dataImage4 from "../../assets/images/data-table-user-4.png";
import SelectBox from "../Helpers/SelectBox";
import JobListPopout from "../jobPopout/JobListPopout";
import DeleteJobPopout from "../jobPopout/DeleteJobPopout";
import PaginatedList from "../Pagination/PaginatedList";
import { handlePagingFunc } from "../Pagination/HandlePagination";
@@ -15,6 +16,8 @@ export default function MyJobTable({MyJobList, className }) {
let [jobPopout,setJobPopout] = useState({show:false, data:{}}) // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
let [deleteJobPopout,setDeleteJobPopout] = useState({show:false, data:{}}) // STATE TO HOLD THE VALUE OF THE ITEM DETAILS TO DELETE AND DETERMINE WHEN TO SHOW
const [currentPage, setCurrentPage] = useState(0);
const indexOfFirstItem = Number(currentPage);
const indexOfLastItem = Number(indexOfFirstItem)+Number(process.env.REACT_APP_ITEM_PER_PAGE);
@@ -83,8 +86,10 @@ export default function MyJobTable({MyJobList, className }) {
</span>
</div>
<div className="job-sub-menu"><button type="button" className="w-20 h-11">[Delete]</button> |
<button type="button" className="w-20 h-11">Edit</button> </div>
<div className="job-sub-menu">
<button type="button" className="w-20 h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>[Delete]</button> |
<button type="button" className="w-20 h-11">Edit</button>
</div>
</div>
</td>
@@ -93,7 +98,7 @@ export default function MyJobTable({MyJobList, className }) {
<td className="text-right py-3 px-2">
<button
type="button"
onClick={()=>{setJobPopout({show:true, data:value})}}
// onClick={()=>{setJobPopout({show:true, data:value})}}
onClick={()=>{setJobPopout({show:true, data:value})}}
className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
>
@@ -128,6 +133,12 @@ export default function MyJobTable({MyJobList, className }) {
<JobListPopout details={jobPopout.data} onClose={()=>{setJobPopout({show:false, data:{}})}} situation={jobPopout.show} />
}
{/* End of Job List Popout */}
{/* Delete Job Popout */}
{deleteJobPopout.show &&
<DeleteJobPopout details={deleteJobPopout.data} onClose={()=>{setDeleteJobPopout({show:false, data:{}})}} situation={deleteJobPopout.show} />
}
{/* END of Delete Job Popout */}
</div>
);
}