added some notifications, breadcrumbs

src/Modules/PlacementCell/components/AppliedStudentDetails.jsx

@@ -163,7 +163,6 @@
 
 // export default JobApplicationsTable;
 
-
 import React, { useEffect, useState, useMemo } from "react";
 import {
   Table,
@@ -179,6 +178,7 @@ import {
 } from "@mantine/core";
 import axios from "axios";
 import { MantineReactTable } from "mantine-react-table";
+import { notifications } from "@mantine/notifications";
 
 function JobApplicationsTable() {
   const [applications, setApplications] = useState([]);
@@ -197,7 +197,7 @@ function JobApplicationsTable() {
           `http://127.0.0.1:8000/placement/api/student-applications/${jobId}/`,
           {
             headers: { Authorization: `Token ${token}` },
-          }
+          },
         );
         setApplications(response.data.students);
       } catch (error) {
@@ -222,20 +222,39 @@ function JobApplicationsTable() {
               Authorization: `Token ${token}`,
               "Content-Type": "application/json",
             },
-          }
+          },
         );
         if (response.status === 200) {
           setApplications((prevApplications) =>
             prevApplications.map((application) =>
               application.id === applicationId
                 ? { ...application, status }
-                : application
-            )
+                : application,
+            ),
           );
+
+          notifications.show({
+            title: "Success",
+            message: "Application status updated successfully",
+            color: "green",
+            position: "top-center",
+          });
         } else {
-          console.error("Failed to update");
+          notifications.show({
+            title: "Error",
+            message: "Failed to update application status",
+            color: "red",
+            position: "top-center",
+          });
         }
       } catch (error) {
+        notifications.show({
+          title: "Error",
+          message: "Failed to update application status",
+          color: "red",
+          position: "top-center",
+        });
+
         console.error(error);
       }
     };
@@ -250,15 +269,29 @@ function JobApplicationsTable() {
         {
           headers: { Authorization: `Token ${token}` },
           responseType: "blob",
-        }
+        },
       );
       const url = window.URL.createObjectURL(new Blob([response.data]));
       const link = document.createElement("a");
       link.href = url;
       link.setAttribute("download", `applications_${jobId}.xlsx`);
       document.body.appendChild(link);
       link.click();
+
+      notifications.show({
+        title: "Success",
+        message: "Excel file downloaded successfully",
+        color: "green",
+        position: "top-center",
+      });
     } catch (error) {
+      notifications.show({
+        title: "Error",
+        message: "Failed to download Excel file",
+        color: "red",
+        position: "top-center",
+      });
+
       console.error("Error downloading Excel:", error);
     }
   };
@@ -297,26 +330,24 @@ function JobApplicationsTable() {
               { value: "reject", label: "Reject" },
             ]}
             value={row.original.status}
-            onChange={(value) =>
-              handleStatusChange(row.original.id, value)
-            }
+            onChange={(value) => handleStatusChange(row.original.id, value)}
           />
         ),
       },
     ],
-    []
+    [],
   );
 
   // Paginate records for the table display
   const paginatedApplications = applications.slice(
     (activePage - 1) * recordsPerPage,
-    activePage * recordsPerPage
+    activePage * recordsPerPage,
   );
 
   if (loading) return <Loader />;
 
   return (
-    <Container>
+    <Container fluid>
       <Card padding="md" radius="md" withBorder>
         <Title order={3}>Student Job Applications</Title>
         <div
@@ -339,7 +370,6 @@ function JobApplicationsTable() {
         ) : (
           <Alert color="yellow">No applications available</Alert>
         )}
-
       </Card>
     </Container>
   );

src/Modules/PlacementCell/components/CreateNextRoundForm.jsx

@@ -10,6 +10,7 @@ import {
   Card,
   Container,
 } from "@mantine/core";
+import { notifications } from "@mantine/notifications";
 
 function CreateNextRoundForm() {
   const [modalOpened, setModalOpened] = useState(false);
@@ -23,15 +24,15 @@ function CreateNextRoundForm() {
   const loc = useLocation();
   const searchParams = new URLSearchParams(loc.search);
   const jobId = searchParams.get("jobId");
-  
+
   const handleSubmit = () => {
     const nextRoundDetails = {
-      round_no:roundNumber,
-      test_date:date,
+      round_no: roundNumber,
+      test_date: date,
       // time:time,
       // location:location,
-      description:description,
-      test_type:roundType,
+      description: description,
+      test_type: roundType,
     };
 
     console.log("Next Round Details:", nextRoundDetails);
@@ -47,26 +48,45 @@ function CreateNextRoundForm() {
     const submitFunc = async () => {
       const token = localStorage.getItem("authToken");
       console.log(jobId);
-      try{
-          const response = await axios.post(`http://127.0.0.1:8000/placement/api/nextround/${jobId}/`,nextRoundDetails,{
-            headers:{
-                'Authorization': `Token ${token}`,
-                'Content-Type': 'application/json',
-            }
+      try {
+        const response = await axios.post(
+          `http://127.0.0.1:8000/placement/api/nextround/${jobId}/`,
+          nextRoundDetails,
+          {
+            headers: {
+              Authorization: `Token ${token}`,
+              "Content-Type": "application/json",
+            },
+          },
+        );
+        if (response.status === 201) {
+          notifications.show({
+            title: "Round Created",
+            message: "Next round details have been successfully created.",
+            color: "green",
+            position: "top-center",
           });
-          if(response.status===201){
-            window.alert('succesfully posted');
-          }
-          else{
-            console.error('failed to post');
-          }
-      }
-      catch(error){
-        console.error(error)
+        } else {
+          notifications.show({
+            title: "Failed",
+            message: "Failed to create next round details.",
+            color: "red",
+            position: "top-center",
+          });
+          console.error("failed to post");
+        }
+      } catch (error) {
+        notifications.show({
+          title: "Error",
+          message: "Failed to create next round details.",
+          color: "red",
+          position: "top-center",
+        });
+
+        console.error(error);
       }
     };
     submitFunc();
-
   };
 
   return (
@@ -87,7 +107,7 @@ function CreateNextRoundForm() {
             <TextInput
               label="Round Number"
               placeholder="Enter round number"
-              type="number" 
+              type="number"
               value={roundNumber}
               onChange={(e) => setRoundNumber(e.target.value)}
               required

src/Modules/PlacementCell/components/PlacementCalendar.jsx

@@ -83,7 +83,7 @@ function PlacementCalendar() {
           justifyContent: "space-between",
           alignItems: "center",
         }}
-        my={16}
+        my={32}
       >
         <Title order={2}>Placement Calendar</Title>
       </Container>{" "}

src/Modules/PlacementCell/components/PlacementRecordsTable.jsx

@@ -337,7 +337,7 @@ function PlacementRecordsTable() {
           justifyContent: "space-between",
           alignItems: "center",
         }}
-        my={16}
+        my={32}
       >
         <Title order={2}>Placement Statistics</Title>
         {role === "placement officer" && (

src/Modules/PlacementCell/components/PlacementSchedule.jsx

@@ -272,7 +272,7 @@ function PlacementScheduleGrid({ data, itemsPerPage, cardsPerRow }) {
   Array.from({ length: remainingCards }).forEach(() => paddedItems.push(null));
 
   return (
-    <Container fluid py={16}>
+    <Container fluid >
       <Grid gutter="md">
         {paddedItems.map((item, index) => (
           <Grid.Col key={index} span={12 / cardsPerRow}>
@@ -367,7 +367,7 @@ function PlacementSchedule() {
 
   return (
     <>
-      <Container fluid py={16}>
+      <Container fluid mt={32}>
         <Container
           fluid
           style={{