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

added send reminder popout

Browse Source
This commit is contained in:
victorAnumudu
2023-09-24 07:45:05 +01:00
parent f302ca80d7
commit c89de2559a
3 changed files with 318 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyPendingJobs/ParentWaitingTable.jsx
+60 -8
View File
@@ -7,7 +7,9 @@ import LoadingSpinner from "../Spinners/LoadingSpinner";
import { handlePagingFunc } from "../Pagination/HandlePagination";
import PaginatedList from "../Pagination/PaginatedList";
import usersService from "../../services/UsersService";
import DeleteIcon from '../../assets/images/icon-delete.svg'
import DeleteTaskModal from "./DeleteTaskModal";
import SendReminderModal from "./SendReminderModal";
export default function ParentWaitingTable() {
// const transationFilterData = [
@@ -34,6 +36,9 @@ export default function ParentWaitingTable() {
const apiCall = new usersService()
let [deleteTaskPopout, setDeleteTaskPopout] = useState({show:false, data:{}}) // HOLDS THE INFO OF DELETE TASK POPOUT
let [sendReminderPopout, setSendReminderPopout] = useState({show:false, data:{}}) // HOLDS THE INFO OF SEND REMINDER POPOUT
let [familySuggestList, setFamilySuggestList] = useState({loading: true, data:[]})
const [currentPage, setCurrentPage] = useState(0);
@@ -97,7 +102,7 @@ export default function ParentWaitingTable() {
<div className="icon w-14 h-14 flex justify-center items-center">
<img src={Image} alt="" className="w-full h-full" />
</div>
<div className="">
<div className="w-full">
<p className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1">
{item.title}
</p>
@@ -107,12 +112,35 @@ export default function ParentWaitingTable() {
</p>
</div>
</div>
<div className="px-2 self-end">
<p className="text-sm font-bold text-dark-gray dark:text-white">
{new Date(item.added).toLocaleString().split(',')[0]}
</p>
<p className="text-xs py-1.5 w-[50px] tracking-wide rounded-full bg-gold text-white flex justify-center items-center">{item.status_text}</p>
<div className="flex justify-start items-end px-2 gap-1">
<button
type="button"
className="p-1 border-2 border-red-400 rounded-md"
onClick={() => {
setDeleteTaskPopout({
show: true,
data: { ...item },
});
}}
>
<img className="min-w-[21px] h-[21px]" src={DeleteIcon} alt='delete-icon' />
</button>
<div className="">
<p className="text-sm font-bold text-dark-gray dark:text-white">
{new Date(item.added).toLocaleString().split(',')[0]}
</p>
<p
className="text-xs py-1.5 w-[50px] tracking-wide rounded-full bg-gold text-white flex justify-center items-center cursor-pointer"
onClick={() => {
setSendReminderPopout({
show: true,
data: { ...item },
});
}}
>{item.status_text}</p>
</div>
</div>
</div>
</li>
@@ -122,6 +150,30 @@ export default function ParentWaitingTable() {
:
<p className="w-full flex items-center justify-center text-xl text-dark-gray dark:text-white">No List Found!</p>
}
{/* Delete Task Popout */}
{deleteTaskPopout.show && (
<DeleteTaskModal
details={deleteTaskPopout.data}
onClose={() => {
setDeleteTaskPopout({ show: false, data: {} });
}}
situation={deleteTaskPopout.show}
/>
)}
{/* END of Delete Task Popout */}
{/* Send Reminder Popout */}
{sendReminderPopout.show && (
<SendReminderModal
details={sendReminderPopout.data}
onClose={() => {
setSendReminderPopout({ show: false, data: {} });
}}
situation={sendReminderPopout.show}
/>
)}
{/* END of Send Reminder Popout */}
</div>
{/* PAGINATION BUTTON */}