Delete endpoints (#417)

Author: Princekumarofficial

src/app/(routes)/admin/companies/page.tsx

@@ -1,10 +1,11 @@
 "use client";
-import { fetchcompanies } from "@/helpers/api";
+import { fetchcompanies, deleteCompanies } from "@/helpers/api";
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import { companyDTO } from "@/dto/CompanyDto";
 import Table from "@/components/NewTableComponent/Table";
 import { useEffect, useState } from "react";
 import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
 
 const hiddenColumns = ["id"];
 
@@ -16,15 +17,43 @@ const JobPage = () => {
     (column: any) => !hiddenColumns.includes(column?.accessorKey),
   );
 
-  useEffect(() => {
-    const getData = async () => {
+  const getData = async () => {
+    setLoading(true);
+    try {
       const data = await fetchcompanies();
       setAllCompanies(data);
+    } catch (error) {
+      toast.error("Failed to fetch companies");
+    } finally {
       setLoading(false);
-    };
+    }
+  };
+
+  useEffect(() => {
     getData();
   }, []);
 
+  const handleDelete = async (selectedCompanies: any[]) => {
+    if (selectedCompanies.length === 0) {
+      toast.error("Please select at least one company to delete");
+      return;
+    }
+
+    const confirmMessage = `Are you sure you want to delete ${selectedCompanies.length} company/companies? This action cannot be undone.`;
+    if (!window.confirm(confirmMessage)) {
+      return;
+    }
+
+    try {
+      const ids = selectedCompanies.map((company) => company.id);
+      await deleteCompanies(ids);
+      toast.success(`Successfully deleted ${selectedCompanies.length} company/companies`);
+      await getData(); // Refresh the list
+    } catch (error) {
+      toast.error("Failed to delete companies. They might have associated jobs.");
+    }
+  };
+
   return (
     <div className="m-2 md:m-6 lg:m-10">
       <h1 className="text-center font-bold text-2xl md:text-3xl my-3 md:my-5 py-3 md:py-5">
@@ -41,6 +70,8 @@ const JobPage = () => {
             data={allCompanies}
             columns={visibleColumns}
             type={"company"}
+            buttonText="Delete Selected"
+            buttonAction={handleDelete}
           />
         )}
       </div>

src/app/(routes)/admin/jobs/page.tsx

@@ -1,12 +1,13 @@
 "use client";
-import { fetchAllJobs } from "@/helpers/api";
+import { fetchAllJobs, deleteJobs } from "@/helpers/api";
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import type { RecruitmentDTO } from "@/dto/JobDto";
 import { recruitmentDTO } from "@/dto/JobDto";
 import { createMRTColumnHelper } from "material-react-table";
 import Table from "@/components/NewTableComponent/Table";
 import { useEffect, useState } from "react";
 import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
 
 const hiddenColumns = [
   "id",
@@ -25,19 +26,47 @@ const JobPage = () => {
     (column: any) => !hiddenColumns.includes(column?.accessorKey),
   );
 
-  useEffect(() => {
-    const getData = async () => {
+  const getData = async () => {
+    setLoading(true);
+    try {
       const data = await fetchAllJobs();
       const newData = data.map((d: any) => ({
         ...d,
         active: d.active ? "Active" : "Inactive",
       }));
       setAllJobs(newData);
+    } catch (error) {
+      toast.error("Failed to fetch jobs");
+    } finally {
       setLoading(false);
-    };
+    }
+  };
+
+  useEffect(() => {
     getData();
   }, []);
 
+  const handleDelete = async (selectedJobs: any[]) => {
+    if (selectedJobs.length === 0) {
+      toast.error("Please select at least one job to delete");
+      return;
+    }
+
+    const confirmMessage = `Are you sure you want to delete ${selectedJobs.length} job(s)? This will also delete associated events, salaries, and offers. This action cannot be undone.`;
+    if (!window.confirm(confirmMessage)) {
+      return;
+    }
+
+    try {
+      const ids = selectedJobs.map((job) => job.id);
+      await deleteJobs(ids);
+      toast.success(`Successfully deleted ${selectedJobs.length} job(s)`);
+      await getData(); // Refresh the list
+    } catch (error) {
+      toast.error("Failed to delete jobs");
+    }
+  };
+
   return (
     <div className="m-2 md:m-6 lg:m-10">
       <h1 className="text-center font-bold text-2xl md:text-3xl my-3 md:my-5 py-3 md:py-5">
@@ -50,7 +79,13 @@ const JobPage = () => {
           </div>
         )}
         {allJobs && (
-          <Table data={allJobs} columns={visibleColumns} type={"job"} />
+          <Table
+            data={allJobs}
+            columns={visibleColumns}
+            type={"job"}
+            buttonText="Delete Selected"
+            buttonAction={handleDelete}
+          />
         )}
       </div>
     </div>

src/app/(routes)/admin/oncampus-offers/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { fetchAllSeasons, fetchOnCampusOffers } from "@/helpers/api";
+import { fetchAllSeasons, fetchOnCampusOffers, deleteOnCampusOffers } from "@/helpers/api";
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import { onCampusOfferDTO } from "@/dto/onCampusOfferDTO";
 import Table from "@/components/NewTableComponent/Table";
@@ -19,6 +19,26 @@ const OnCampusOffersPage = () => {
   const [allOffers, setAllOffers] = useState();
   const [visibleColumns, setVisibleColumns] = useState<any[]>([]);
 
+  const loadOffers = async () => {
+    if (!selectedSeason) return;
+    
+    setLoading(true);
+    try {
+      const data = await fetchOnCampusOffers(selectedSeason);
+      setAllOffers(data);
+      
+      if (seasons.find(season => season.id === selectedSeason)?.type === "INTERN") {
+        setVisibleColumns(columns.filter((column: any) => !internHiddenColumns.includes(column?.accessorKey)));
+      } else {
+        setVisibleColumns(columns.filter((column: any) => !placementHiddenColumns.includes(column?.accessorKey)));
+      }
+    } catch (error) {
+      toast.error("Failed to fetch on campus offers");
+    } finally {
+      setLoading(false);
+    }
+  };
+
   useEffect(() => {
     const getData = async () => {
       try {
@@ -42,25 +62,30 @@ const OnCampusOffersPage = () => {
   }, []);
 
   useEffect(() => {
-    if (selectedSeason) {
-      try {
-      setLoading(true);
-      fetchOnCampusOffers(selectedSeason).then((data) => {
-        setAllOffers(data);
-      });
-      if (seasons.find(season => season.id === selectedSeason)?.type === "INTERN") {
-        setVisibleColumns(columns.filter((column: any) => !internHiddenColumns.includes(column?.accessorKey)));
-      } else {
-          setVisibleColumns(columns.filter((column: any) => !placementHiddenColumns.includes(column?.accessorKey)));
-        }
-      } catch (error) {
-        toast.error("Failed to fetch on campus offers");
-      } finally {
-        setLoading(false);
-      }
-    }
+    loadOffers();
   }, [selectedSeason]);
 
+  const handleDelete = async (selectedOffers: any[]) => {
+    if (selectedOffers.length === 0) {
+      toast.error("Please select at least one offer to delete");
+      return;
+    }
+
+    const confirmMessage = `Are you sure you want to delete ${selectedOffers.length} on-campus offer(s)? This action cannot be undone.`;
+    if (!window.confirm(confirmMessage)) {
+      return;
+    }
+
+    try {
+      const ids = selectedOffers.map((offer) => offer.id);
+      await deleteOnCampusOffers(ids);
+      toast.success(`Successfully deleted ${selectedOffers.length} offer(s)`);
+      await loadOffers(); // Refresh the list
+    } catch (error) {
+      toast.error("Failed to delete offers");
+    }
+  };
+
   return (
     <div className="container mx-auto my-4 md:my-8 px-2 md:px-4">
       <h1 className="text-2xl md:text-3xl mb-4 md:mb-8 font-bold mx-auto text-center">
@@ -93,6 +118,8 @@ const OnCampusOffersPage = () => {
             data={allOffers}
             columns={visibleColumns}
             type={"on-campus-offers"}
+            buttonText="Delete Selected"
+            buttonAction={handleDelete}
           />
         </div>
       )}

src/app/(routes)/admin/programs/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useState } from "react";
-import { fetchPrograms, postPrograms } from "@/helpers/api";
+import { fetchPrograms, postPrograms, deletePrograms } from "@/helpers/api";
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import Table from "@/components/NewTableComponent/Table";
 import Loader from "@/components/Loader/loader";
@@ -126,6 +126,27 @@ const ProgramsPage = () => {
     setSubmitting(false);
   };
 
+  const handleDelete = async (selectedPrograms: any[]) => {
+    if (selectedPrograms.length === 0) {
+      toast.error("Please select at least one program to delete");
+      return;
+    }
+
+    const confirmMessage = `Are you sure you want to delete ${selectedPrograms.length} program(s)? This action cannot be undone.`;
+    if (!window.confirm(confirmMessage)) {
+      return;
+    }
+
+    try {
+      const ids = selectedPrograms.map((program) => program.id);
+      await deletePrograms(ids);
+      toast.success(`Successfully deleted ${selectedPrograms.length} program(s)`);
+      await getPrograms(); // Refresh the list
+    } catch (error) {
+      toast.error("Failed to delete programs. They might have associated students.");
+    }
+  };
+
   return (
     <div className="m-10">
       <h1 className="text-center font-bold text-3xl my-5 py-5">Programs</h1>
@@ -138,7 +159,13 @@ const ProgramsPage = () => {
             <Loader />
           </div>
         ) : (
-          <Table data={programs} columns={visibleColumns} type={"program"} />
+          <Table
+            data={programs}
+            columns={visibleColumns}
+            type={"program"}
+            buttonText="Delete Selected"
+            buttonAction={handleDelete}
+          />
         )}
       </div>
       <Dialog open={open} onOpenChange={setOpen}>

src/app/(routes)/admin/recruiters/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { fetchRecruiterData } from "@/helpers/api";
+import { fetchRecruiterData, deleteRecruiters } from "@/helpers/api";
 import Table from "@/components/NewTableComponent/Table";
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import { RecruiterDTO, recruiterdto } from "@/dto/RecruiterDto";
@@ -8,25 +8,48 @@ import toast from "react-hot-toast";
 
 const hiddenColumns = ["id", "user.id", "company.id"];
 
-const StudentPage = async () => {
+const StudentPage = () => {
   const columns = generateColumns(recruiterdto);
   const [AllRecruiters, setRecruiters] = useState<RecruiterDTO[]>([]);
-  useEffect(() => {
-    const fetchRecruiters = async () => {
-      try {
-        const data = await fetchRecruiterData();
-        setRecruiters(data);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      }
-    };
+  
+  const fetchRecruiters = async () => {
+    try {
+      const data = await fetchRecruiterData();
+      setRecruiters(data);
+    } catch (error) {
+      toast.error("Error fetching data");
+    }
+  };
 
+  useEffect(() => {
     fetchRecruiters();
   }, []);
+
   const visibleColumns = columns.filter(
     (column: any) => !hiddenColumns.includes(column?.accessorKey),
   );
 
+  const handleDelete = async (selectedRecruiters: any[]) => {
+    if (selectedRecruiters.length === 0) {
+      toast.error("Please select at least one recruiter to delete");
+      return;
+    }
+
+    const confirmMessage = `Are you sure you want to delete ${selectedRecruiters.length} recruiter(s)? This action cannot be undone.`;
+    if (!window.confirm(confirmMessage)) {
+      return;
+    }
+
+    try {
+      const ids = selectedRecruiters.map((recruiter) => recruiter.id);
+      await deleteRecruiters(ids);
+      toast.success(`Successfully deleted ${selectedRecruiters.length} recruiter(s)`);
+      await fetchRecruiters(); // Refresh the list
+    } catch (error) {
+      toast.error("Failed to delete recruiters. They might have associated jobs.");
+    }
+  };
+
   return (
     <div className="m-2 md:m-6 lg:m-10">
       <h1 className="text-center font-bold text-2xl md:text-3xl my-3 md:my-5 py-3 md:py-5">
@@ -38,6 +61,8 @@ const StudentPage = async () => {
             data={AllRecruiters}
             columns={visibleColumns}
             type={"recruiter"}
+            buttonText="Delete Selected"
+            buttonAction={handleDelete}
           />
         )}
       </div>