front end enhancements

src/Modules/PlacementCell/components/AddPlacementEventForm.jsx

@@ -298,14 +298,15 @@ function AddPlacementEventForm() {
           Authorization: `Token ${token}`, 
         },
       });
-      alert(response.data.message);
+      // alert(response.data.message);
       // Notification for success
       notifications.show({
         title: "Event Added",
         message: "Placement Event has been added successfully.",
         color: "green",
         position: "top-center",
       });
+
     } catch (error) {
       const errorMessage = error.response?.data?.error || error.message;
       notifications.show({

src/Modules/PlacementCell/components/AppliedStudentDetails.jsx

@@ -179,7 +179,11 @@ import {
 import axios from "axios";
 import { MantineReactTable } from "mantine-react-table";
 import { notifications } from "@mantine/notifications";
-import { downloadExcelRoute, fetchApplicationsRoute, handleStatusChangeRoute } from "../../../routes/placementCellRoutes";
+import {
+  downloadExcelRoute,
+  fetchApplicationsRoute,
+  handleStatusChangeRoute,
+} from "../../../routes/placementCellRoutes";
 
 function JobApplicationsTable() {
   const [applications, setApplications] = useState([]);
@@ -194,12 +198,9 @@ function JobApplicationsTable() {
       const token = localStorage.getItem("authToken");
       try {
         setLoading(true);
-        const response = await axios.get(
-          `${fetchApplicationsRoute}${jobId}/`,
-          {
-            headers: { Authorization: `Token ${token}` },
-          },
-        );
+        const response = await axios.get(`${fetchApplicationsRoute}${jobId}/`, {
+          headers: { Authorization: `Token ${token}` },
+        });
         setApplications(response.data.students);
       } catch (error) {
         console.error("Error fetching applications:", error);
@@ -265,13 +266,10 @@ function JobApplicationsTable() {
   const downloadExcel = async () => {
     const token = localStorage.getItem("authToken");
     try {
-      const response = await axios.get(
-        `${downloadExcelRoute}${jobId}/`,
-        {
-          headers: { Authorization: `Token ${token}` },
-          responseType: "blob",
-        },
-      );
+      const response = await axios.get(`${downloadExcelRoute}${jobId}/`, {
+        headers: { Authorization: `Token ${token}` },
+        responseType: "blob",
+      });
       const url = window.URL.createObjectURL(new Blob([response.data]));
       const link = document.createElement("a");
       link.href = url;
@@ -349,17 +347,20 @@ function JobApplicationsTable() {
 
   return (
     <Container fluid>
-      <Card padding="md" radius="md" withBorder>
-        <Title order={3}>Student Job Applications</Title>
-        <div
+      <Container padding="md" fluid>
+        <Container
+          fluid
           style={{
             display: "flex",
+            alignItems: "center",
             justifyContent: "space-between",
-            marginBottom: "12px",
           }}
+          my={36}
         >
+          <Title order={3}>Student Job Applications</Title>
+
           <Button onClick={downloadExcel}>Download Excel</Button>
-        </div>
+        </Container>
 
         {applications.length > 0 ? (
           <MantineReactTable
@@ -371,7 +372,7 @@ function JobApplicationsTable() {
         ) : (
           <Alert color="yellow">No applications available</Alert>
         )}
-      </Card>
+      </Container>
     </Container>
   );
 }

src/Modules/PlacementCell/components/CreateNextRoundForm.jsx

@@ -9,6 +9,7 @@ import {
   Textarea,
   Card,
   Container,
+  Title,
 } from "@mantine/core";
 import { notifications } from "@mantine/notifications";
 import { submitNextRoundDetailsRoute } from "../../../routes/placementCellRoutes";
@@ -91,14 +92,16 @@ function CreateNextRoundForm() {
   };
 
   return (
-    <Container>
+    <Container fluid style={{display:'flex', alignContent:'flex-end'}}>
       <Button onClick={() => setModalOpened(true)}>Create Next Round</Button>
       <Modal
         opened={modalOpened}
         onClose={() => setModalOpened(false)}
-        title="Add Next Round Details"
+        centered
       >
-        <Card shadow="sm" padding="md" radius="md">
+        <Container d>
+
+          <Title order={3} mb={32}>Add next round details</Title>
           <form
             onSubmit={(e) => {
               e.preventDefault();
@@ -157,7 +160,7 @@ function CreateNextRoundForm() {
               Save Round Details
             </Button>
           </form>
-        </Card>
+        </Container>
       </Modal>
     </Container>
   );

src/Modules/PlacementCell/components/PlacementEventHandeling.jsx

@@ -1,4 +1,3 @@
-// combine the table, also add the create next round form
 import React from "react";
 import JobApplicationsTable from "./AppliedStudentDetails";
 import CreateNextRoundForm from "./CreateNextRoundForm";

src/Modules/PlacementCell/index.jsx

@@ -1,5 +1,7 @@
 import "@mantine/notifications/styles.css";
+import "@mantine/core/styles.css";
 import "@mantine/dates/styles.css";
+import "mantine-react-table/styles.css";
 
 import React, { useState, useRef } from "react";
 import { Tabs, Button, Container } from "@mantine/core";