From 7dcd351e3473d584b2e15ece8c616364beaaf535 Mon Sep 17 00:00:00 2001
From: Jai Pannu <142983705+JaiPannu-IITI@users.noreply.github.com>
Date: Sun, 14 Jul 2024 21:06:29 +0530
Subject: [PATCH] Api fix (#118)

Co-authored-by: Ishaan Mittal <me210003039@iiti.ac.in>
---
 src/app/(authroutes)/login/layout.tsx         |   6 -
 .../passwordless/[token]/page.tsx             |   2 -
 .../admin/companies/allcompanies/page.tsx     |   3 +-
 .../(routes)/admin/jobs/[...filter]/page.tsx  |   4 +-
 src/app/(routes)/admin/jobs/[jobId]/page.tsx  |  15 +-
 src/app/(routes)/admin/jobs/loading.tsx       |   1 -
 src/app/(routes)/admin/jobs/page.tsx          |   8 +-
 src/app/(routes)/admin/recruiters/page.tsx    |  11 +-
 src/app/(routes)/admin/resumes/page.tsx       |   1 -
 .../admin/students/[...filter]/page.tsx       |   3 +-
 src/app/(routes)/admin/students/page.tsx      |  15 +-
 src/app/layout.tsx                            |   3 +-
 src/components/NewTableComponent/JobModal.jsx |   4 +-
 .../NewTableComponent/NewJobModal.tsx         |   9 +-
 .../NewTableComponent/PenaltyModal.jsx        |  10 +-
 .../NewTableComponent/RecruiterModal.jsx      |   6 +-
 .../NewTableComponent/StudentModal.tsx        |  87 ++---
 src/components/SideBar/Roles/admin.tsx        |   6 +-
 src/components/SideBar/Roles/student.tsx      |   5 +-
 .../TableComponent/TableComponent.tsx         |   2 -
 .../company/AllCompaniesComponent.tsx         |   7 +-
 src/components/jobs/AddEventDialog.tsx        |  26 +-
 src/components/jobs/JobDeleteModal.tsx        |  32 +-
 src/components/loginForms/loginForm.tsx       |  48 +--
 src/components/loginForms/loginWithEmail.tsx  |  35 +-
 src/helpers/api.ts                            | 350 ++++++++----------
 src/helpers/auth.ts                           |   1 -
 27 files changed, 264 insertions(+), 436 deletions(-)

diff --git a/src/app/(authroutes)/login/layout.tsx b/src/app/(authroutes)/login/layout.tsx
index e9f47ab6..92081d42 100644
--- a/src/app/(authroutes)/login/layout.tsx
+++ b/src/app/(authroutes)/login/layout.tsx
@@ -4,12 +4,6 @@ interface Props {
   children: React.ReactNode;
 }
 
-async function getAuth() {
-  const res = await fetch("/api/auth");
-  const json = await res.json();
-  return json;
-}
-
 const LoginModalLayout = ({ children }: Props) => {
   return (
     <>
diff --git a/src/app/(authroutes)/passwordless/[token]/page.tsx b/src/app/(authroutes)/passwordless/[token]/page.tsx
index 9514eb0d..a5657904 100644
--- a/src/app/(authroutes)/passwordless/[token]/page.tsx
+++ b/src/app/(authroutes)/passwordless/[token]/page.tsx
@@ -5,9 +5,7 @@ import React, { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import Cookies from "js-cookie";
 import { jwtDecode } from "jwt-decode";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
 import Loader from "@/components/Loader/loader";
-interface Props {}
 
 const LoginPage = ({
   params,
diff --git a/src/app/(routes)/admin/companies/allcompanies/page.tsx b/src/app/(routes)/admin/companies/allcompanies/page.tsx
index e4118dd0..18ae5ba3 100644
--- a/src/app/(routes)/admin/companies/allcompanies/page.tsx
+++ b/src/app/(routes)/admin/companies/allcompanies/page.tsx
@@ -1,5 +1,4 @@
 import CompanyCard from "@/components/company/CompanyCard";
-import { cookies } from "next/headers";
 import { fetchCompany } from "@/helpers/api";
 import { ChevronRight } from "lucide-react";
 import { ChevronLeft } from "lucide-react";
@@ -15,7 +14,7 @@ interface company {
 }
 
 const CompanyPage = async () => {
-  const Companies = await fetchCompany(cookies()?.get("accessToken")?.value);
+  const Companies = await fetchCompany();
 
   if (Companies?.length === 0) {
     return (
diff --git a/src/app/(routes)/admin/jobs/[...filter]/page.tsx b/src/app/(routes)/admin/jobs/[...filter]/page.tsx
index b827f354..90232d89 100644
--- a/src/app/(routes)/admin/jobs/[...filter]/page.tsx
+++ b/src/app/(routes)/admin/jobs/[...filter]/page.tsx
@@ -1,9 +1,7 @@
 "use client";
 import { fetchAllJobs } from "@/helpers/api";
-import Cookies from "js-cookie";
 import TableComponent from "@/components/TableComponent/TableComponent";
 import generateColumns from "@/components/TableComponent/ColumnMapping";
-import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
 
 
@@ -39,7 +37,7 @@ const StudentPage = ({ params }: any) => {
             const decodedParams = decodeURIComponent(params.filter[0]);
             console.log(decodedParams)
             const AllFilteredJobs = await fetchAllJobs(
-                Cookies.get("accessToken"),
+               
                 decodedParams,
             );
             setJobs(AllFilteredJobs);
diff --git a/src/app/(routes)/admin/jobs/[jobId]/page.tsx b/src/app/(routes)/admin/jobs/[jobId]/page.tsx
index 5057bba0..ecc4001f 100644
--- a/src/app/(routes)/admin/jobs/[jobId]/page.tsx
+++ b/src/app/(routes)/admin/jobs/[jobId]/page.tsx
@@ -14,8 +14,7 @@ import {
   CategorySelectList,
   GenderSelectList,
 } from "@/components/Recruiters/jobEdit";
-import { fetchEachJob } from "@/helpers/api";
-import Cookies from "js-cookie";
+import { fetchJobById } from "@/helpers/api";
 import Loader from "@/components/Loader/loader";
 import toast from "react-hot-toast";
 import JobCoordinatorForm from "@/components/Admin/AddForms";
@@ -23,7 +22,7 @@ import { fetchCompany,fetchRecruiterData } from "@/helpers/api";
 import { assignCompany,assignRecruiter } from "@/helpers/api";
 const JobDetailPage = ({ params }: { params: { jobId: string } }) => {
 
-  const accessToken = Cookies.get("accessToken");
+
   const [job, setData] = useState<JobDetailFC>(null);
   const [loading, setLoading] = useState(true);
   const [editMode, setEditMode] = useState(false);
@@ -40,10 +39,10 @@ const JobDetailPage = ({ params }: { params: { jobId: string } }) => {
     const fetchData = async () => {
       try {
         const [jobDetailData, jafDetailsData, companyData, recruiterData] = await Promise.all([
-          fetchEachJob(accessToken, params.jobId),
+          fetchJobById(params.jobId),
           getJafDetails(),
-          fetchCompany(accessToken),
-          fetchRecruiterData(accessToken, null),
+          fetchCompany(),
+          fetchRecruiterData(),
         ]);
 
         setJafDetails(jafDetailsData);
@@ -334,7 +333,7 @@ const JobDetailPage = ({ params }: { params: { jobId: string } }) => {
         <Button onClick={async () => {
           if (selectedCompany) {
             try {
-              await assignCompany(accessToken, [{ id: job.id, companyId: selectedCompany.id }]);
+              await assignCompany( [{ id: job.id, companyId: selectedCompany.id }]);
               toast.success("Company assigned successfully");
             } catch (error) {
               toast.error("Failed to assign company");
@@ -424,7 +423,7 @@ const JobDetailPage = ({ params }: { params: { jobId: string } }) => {
         onClick={async () => {
           if (selectedRecruiter) {
             try {
-              await assignRecruiter(accessToken, [{ id: job.id, recruiterId: selectedRecruiter.id }]);
+              await assignRecruiter([{ id: job.id, recruiterId: selectedRecruiter.id }]);
               toast.success("Recruiter assigned successfully");
             } catch (error) {
               toast.error("Failed to assign recruiter");
diff --git a/src/app/(routes)/admin/jobs/loading.tsx b/src/app/(routes)/admin/jobs/loading.tsx
index 6678f554..7a387ab7 100644
--- a/src/app/(routes)/admin/jobs/loading.tsx
+++ b/src/app/(routes)/admin/jobs/loading.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
 import Loader from "@/components/Loader/loader"
 
 class Loading extends Component {
diff --git a/src/app/(routes)/admin/jobs/page.tsx b/src/app/(routes)/admin/jobs/page.tsx
index b6302367..e404a7df 100644
--- a/src/app/(routes)/admin/jobs/page.tsx
+++ b/src/app/(routes)/admin/jobs/page.tsx
@@ -1,14 +1,9 @@
 "use client";
 import { fetchAllJobs } from "@/helpers/api";
-import Cookies from "js-cookie";
-import TableComponent from "@/components/TableComponent/TableComponent";
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import type { RecruitmentDTO } from "@/dto/JobDto";
 import { recruitmentDTO } from "@/dto/JobDto";
 import {
-  MaterialReactTable,
-  useMaterialReactTable,
-  type MRT_Row,
   createMRTColumnHelper,
 } from "material-react-table";
 import Table from "@/components/NewTableComponent/Table";
@@ -24,7 +19,6 @@ const hiddenColumns = [
 ];
 
 const JobPage = () => {
-  const columnHelper = createMRTColumnHelper<RecruitmentDTO>();
   const columns = generateColumns(recruitmentDTO);
   const [loading, setLoading] = useState(true);
   const [allJobs, setAllJobs] = useState();
@@ -34,7 +28,7 @@ const JobPage = () => {
 
   useEffect(() => {
     const getData = async () => {
-      const data = await fetchAllJobs(Cookies.get("accessToken"), undefined);
+      const data = await fetchAllJobs();
       setAllJobs(data);
       setLoading(false);
     };
diff --git a/src/app/(routes)/admin/recruiters/page.tsx b/src/app/(routes)/admin/recruiters/page.tsx
index e0b8ef27..d53619ec 100644
--- a/src/app/(routes)/admin/recruiters/page.tsx
+++ b/src/app/(routes)/admin/recruiters/page.tsx
@@ -1,17 +1,8 @@
 "use client";
 import { fetchRecruiterData } from "@/helpers/api";
-import Cookies from "js-cookie";
 import Table from "@/components/NewTableComponent/Table";
-import type {DTO} from '@/dto/StudentDto'
-import {
-  MaterialReactTable,
-  useMaterialReactTable,
-  type MRT_Row,
-  createMRTColumnHelper,
-} from 'material-react-table';
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import { recruiterdto } from "@/dto/RecruiterDto";
-import type { RecruiterDTO } from "@/dto/RecruiterDto";
 
 const hiddenColumns = ['id','user.id','company.id'];
 
@@ -19,7 +10,7 @@ const hiddenColumns = ['id','user.id','company.id'];
 const StudentPage = async () => {
   const columns = generateColumns(recruiterdto)
   console.log(columns)
-  const AllRecruiters = await fetchRecruiterData(Cookies.get("accessToken"),null);
+  const AllRecruiters = await fetchRecruiterData();
   const visibleColumns = columns.filter(
     (column:any) => !hiddenColumns.includes(column?.accessorKey)
   );
diff --git a/src/app/(routes)/admin/resumes/page.tsx b/src/app/(routes)/admin/resumes/page.tsx
index 73a8b358..37883c01 100644
--- a/src/app/(routes)/admin/resumes/page.tsx
+++ b/src/app/(routes)/admin/resumes/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 import React, { useEffect, useState } from "react";
 import { fetchResumes, getResumeFile, patchResumeVerify } from "@/helpers/api";
-import Cookies from "js-cookie";
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import Table from "@/components/NewTableComponent/Table";
 import { resumeDto, Resume, ResumeTableData } from "@/dto/ResumeDto";
diff --git a/src/app/(routes)/admin/students/[...filter]/page.tsx b/src/app/(routes)/admin/students/[...filter]/page.tsx
index 3817a2ae..603b2f73 100644
--- a/src/app/(routes)/admin/students/[...filter]/page.tsx
+++ b/src/app/(routes)/admin/students/[...filter]/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 import { fetchStudentData } from "@/helpers/api";
-import Cookies from "js-cookie";
 import TableComponent from "@/components/TableComponent/TableComponent";
 import generateColumns from "@/components/TableComponent/ColumnMapping";
 import { useRouter } from "next/router";
@@ -35,7 +34,7 @@ const StudentPage = ({ params }: any) => {
             const decodedParams = decodeURIComponent(params.filter[0]);
             console.log(decodedParams)
             const AllStudents = await fetchStudentData(
-                Cookies.get("accessToken"),
+      
                 decodedParams
             );
             setStudents(AllStudents);
diff --git a/src/app/(routes)/admin/students/page.tsx b/src/app/(routes)/admin/students/page.tsx
index 416435c9..4e2a9104 100644
--- a/src/app/(routes)/admin/students/page.tsx
+++ b/src/app/(routes)/admin/students/page.tsx
@@ -1,38 +1,27 @@
 "use client";
 import { useState, useEffect } from 'react';
 import { fetchStudentData, } from "@/helpers/api";
-import Cookies from "js-cookie";
 import Table from "@/components/NewTableComponent/Table";
 import type { DTO } from '@/dto/StudentDto';
-import { createMRTColumnHelper } from 'material-react-table';
 import generateColumns from "@/components/NewTableComponent/ColumnMapping";
 import { jsondto } from "@/dto/StudentDto";
-import { Form } from 'antd';
-import { cookies } from 'next/headers';
+
 const hiddenColumns = ['userId', 'programId','id'];
 
 const StudentPage = () => {
   const [students, setStudents] = useState<DTO[]>([]);
-  const columnHelper = createMRTColumnHelper<DTO>();
   const columns = generateColumns(jsondto);
 
-
-
- 
-
-
   const visibleColumns = columns.filter(
     (column: any) => !hiddenColumns.includes(column?.accessorKey)
   );
 
   useEffect(() => {
     const fetchData = async () => {
-      const data = await fetchStudentData(Cookies.get("accessToken"), null);
+      const data = await fetchStudentData();
       setStudents(data);
-      console.log(data);
     };
 
-
     fetchData();
   }, []);
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d549816f..05f2ee82 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -26,8 +26,7 @@ interface Props {
 
 const RootLayout = async ({ children, auth }: Props) => {
   const className = inter.className;
-  // const AllSeasons = await fetchAllSeasons(cookies()?.get("accessToken")?.value);
-  // console.log(AllSeasons);
+
   return (
     <html lang="en">
       <body className={className}>
diff --git a/src/components/NewTableComponent/JobModal.jsx b/src/components/NewTableComponent/JobModal.jsx
index 696992e0..3f4f9bda 100644
--- a/src/components/NewTableComponent/JobModal.jsx
+++ b/src/components/NewTableComponent/JobModal.jsx
@@ -15,6 +15,7 @@ import CircularProgress from '@mui/material/CircularProgress';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { grey } from '@mui/material/colors';
 import Loader from '@/components/Loader/loader';
+import {fetchJobById} from "@/helpers/api"
 const theme = createTheme({
     palette: {
         primary: {
@@ -56,8 +57,7 @@ export default function ViewJobModal({ open, setOpen, id }) {
         const fetchJobData = async () => {
             setLoading(true);
             try {
-                const response = await fetch(`${baseUrl}/api/v1/jobs/${id}`);
-                const data = await response.json();
+                const data = await fetchJobById(id);
                 setJobData(data);
             } catch (error) {
                 console.error('Error fetching job data:', error);
diff --git a/src/components/NewTableComponent/NewJobModal.tsx b/src/components/NewTableComponent/NewJobModal.tsx
index 9e02fa82..9b6df955 100644
--- a/src/components/NewTableComponent/NewJobModal.tsx
+++ b/src/components/NewTableComponent/NewJobModal.tsx
@@ -14,11 +14,10 @@ import {
   CategorySelectList,
   GenderSelectList,
 } from "@/components/Recruiters/jobEdit";
-import { fetchEachJob } from "@/helpers/api";
-import Cookies from "js-cookie";
+import { fetchJobById } from "@/helpers/api";
 import Modal from "@mui/material/Modal";
-import { CircularProgress } from "@mui/material";
 import toast from "react-hot-toast";
+import Loader from "../Loader/loader";
 
 const JobModal = ({
   jobID,
@@ -44,7 +43,7 @@ const JobModal = ({
     const fetchData = async () => {
       try {
         const [jobDetailData, jafDetailsData] = await Promise.all([
-          fetchEachJob(Cookies.get("accessToken"), jobID),
+          fetchJobById( jobID),
           getJafDetails(),
         ]);
 
@@ -114,7 +113,7 @@ const JobModal = ({
         {loading && (
           <div className="w-full h-full flex justify-center items-center">
             <div className="px-28 py-16 bg-white">
-              <CircularProgress />
+              <Loader />
             </div>
           </div>
         )}
diff --git a/src/components/NewTableComponent/PenaltyModal.jsx b/src/components/NewTableComponent/PenaltyModal.jsx
index 1167d49e..6f69691e 100644
--- a/src/components/NewTableComponent/PenaltyModal.jsx
+++ b/src/components/NewTableComponent/PenaltyModal.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Box, Button, Modal, TextField, Typography } from '@mui/material';
-
+import {fetchPenalties} from "@/helpers/api"
 const style = {
     position: 'absolute',
     top: '50%',
@@ -29,13 +29,7 @@ const PenaltyModal = ({ isOpen, onClose, studentId }) => {
         ];
 
         try {
-            const response = await fetch(`${baseUrl}/api/v1/penalties`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(requestBody),
-            });
+            const response = await fetchPenalties(requestBody);
 
             if (response.ok) {
                 console.log('Penalty submitted successfully');
diff --git a/src/components/NewTableComponent/RecruiterModal.jsx b/src/components/NewTableComponent/RecruiterModal.jsx
index 7f8f0fff..22717e07 100644
--- a/src/components/NewTableComponent/RecruiterModal.jsx
+++ b/src/components/NewTableComponent/RecruiterModal.jsx
@@ -15,6 +15,7 @@ import CircularProgress from '@mui/material/CircularProgress';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { grey } from '@mui/material/colors';
 import Loader from '@/components/Loader/loader';
+import {fetchRecruiterById} from "@/helpers/api"
 const theme = createTheme({
     palette: {
         primary: {
@@ -56,9 +57,8 @@ export default function RecruiterModal({ open, setOpen, id }) {
         const fetchRecruiterData = async () => {
             setLoading(true);
             try {
-                const response = await fetch(`${baseUrl}/api/v1/recruiters/${id}`);
-                const data = await response.json();
-                setRecruiterData(data);
+                const data = await fetchRecruiterById(id);
+            setRecruiterData(data);
             } catch (error) {
                 console.error('Error fetching recruiter data:', error);
             }
diff --git a/src/components/NewTableComponent/StudentModal.tsx b/src/components/NewTableComponent/StudentModal.tsx
index 4c572108..ee9daebf 100644
--- a/src/components/NewTableComponent/StudentModal.tsx
+++ b/src/components/NewTableComponent/StudentModal.tsx
@@ -11,13 +11,12 @@ import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 import Paper from '@mui/material/Paper';
 import { useEffect, useState } from 'react';
-import CircularProgress from '@mui/material/CircularProgress';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { grey } from '@mui/material/colors';
 import { Button } from '@mui/material';
-
-import Cookies from 'js-cookie';
+import {fetchRegistrations} from '@/helpers/api';
 import Loader from '@/components/Loader/loader';
+import { fetchStudentDataById, fetchRegistrationDataById } from '@/helpers/api';
 const redirect = () => {};
 const theme = createTheme({
     palette: {
@@ -52,30 +51,14 @@ const style = {
 
 const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
 
-const handleRegistration = async (accessToken, studentId, seasonId, currentStatus) => {
-    if (!accessToken) {
-        console.error('No access token provided');
-        return;
-    }
-
+const handleRegistration = async (studentId:any, seasonId:any, currentStatus:any) => {
+   
     try {
-        const res = await fetch(`${baseUrl}/api/v1/registrations`, {
-            method: 'POST',
-            headers: {
-                'Authorization': `Bearer ${accessToken}`,
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify([{
-                studentId,
-                seasonId,
-                registered: !currentStatus
-            }]),
-        });
+        const response = await fetchRegistrations(studentId, seasonId, currentStatus);
 
-        if (!res.ok) {
-            const errorDetails = await res.json();
-            console.error(`Failed to update registration status: ${errorDetails.message}`);
-            throw new Error(`Failed to update registration status: ${errorDetails.message}`);
+        if (!response) {
+            console.error('Failed to update registration status');
+            throw new Error('Failed to update registration status');
             //Will change it in a separate console removal PR
         }
 
@@ -93,23 +76,11 @@ export default function StudentModal({ open, setOpen, id }) {
     const [registrationData, setRegistrationData] = useState(null);
     const [loading, setLoading] = useState(true);
 
-    const fetchStudentData = async (accessToken, id) => {
-        if (!accessToken) {
-            console.error('No access token provided');
-            return;
-        }
-
+    const fetchStudentData = async (id:any) => {
+        
         setLoading(true);
         try {
-            const response = await fetch(`${baseUrl}/api/v1/students/${id}`, {
-                headers: {
-                    Authorization: `Bearer ${accessToken}`
-                }
-            });
-            if (!response.ok) {
-                throw new Error(`Error fetching student data: ${response.statusText}`);
-            }
-            const data = await response.json();
+            const data = await fetchStudentDataById(id);
             setStudentData(data);
         } catch (error) {
             console.error('Error fetching student data:', error);
@@ -118,26 +89,12 @@ export default function StudentModal({ open, setOpen, id }) {
         }
     };
 
-    const fetchRegistrationData = async (accessToken, studentId) => {
-        if (!accessToken) {
-            console.error('No access token provided');
-            return;
-        }
-
+    const fetchRegistrationData = async (studentId:any) => {
+        
         setLoading(true);
         try {
-            const response = await fetch(`${baseUrl}/api/v1/registrations`, {
-                headers: {
-                    Authorization: `Bearer ${accessToken}`
-                }
-            });
-
-            if (!response.ok) {
-                throw new Error(`Error fetching registration data: ${response.statusText}`);
-            }
-            const allData = await response.json();
-            const filteredData = allData.filter((registration) => registration.student.id === studentId);
-            setRegistrationData(filteredData);
+            const data = await fetchRegistrationDataById(studentId);
+            setRegistrationData(data)
         } catch (error) {
           
         } finally {
@@ -147,19 +104,19 @@ export default function StudentModal({ open, setOpen, id }) {
 
     useEffect(() => {
         if (open && id) {
-            const accessToken = Cookies.get("accessToken");
-            fetchStudentData(accessToken, id);
-            fetchRegistrationData(accessToken, id);
+        
+            fetchStudentData(id);
+            fetchRegistrationData(id);
         }
     }, [open, id]);
 
     const handleClose = () => setOpen(false);
 
-    const handleStatusChange = async (studentId, seasonId, currentStatus) => {
-        const success = await handleRegistration(Cookies.get("accessToken"), studentId, seasonId, currentStatus);
+    const handleStatusChange = async (studentId:any, seasonId:any, currentStatus:any) => {
+        const success = await handleRegistration(studentId, seasonId, currentStatus);
         if (success) {
-            setRegistrationData((prevData) =>
-                prevData.map((registration) =>
+            setRegistrationData((prevData:any) =>
+                prevData.map((registration:any) =>
                     registration.season.id === seasonId ? { ...registration, registered: !currentStatus } : registration
                 )
             );
diff --git a/src/components/SideBar/Roles/admin.tsx b/src/components/SideBar/Roles/admin.tsx
index c76b4ee4..f7a6e370 100644
--- a/src/components/SideBar/Roles/admin.tsx
+++ b/src/components/SideBar/Roles/admin.tsx
@@ -1,16 +1,12 @@
 "use client";
-import { useContext, useEffect, useState } from "react";
+import { useContext } from "react";
 import { ToggleContext } from "@/contextProviders/ToggleProvider";
 import { motion } from "framer-motion";
 import { useMediaQuery } from "react-responsive";
-import Cookies from "js-cookie";
 import Link from "next/link";
 import NavButtonGroup from "@/components/NavButtonGroup";
-import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
 
 const AdminDashboard = () => {
-  const isSmallScreen = useMediaQuery({ query: "(max-width: 768px)" });
-
   const context = useContext(ToggleContext);
   return (
     <>
diff --git a/src/components/SideBar/Roles/student.tsx b/src/components/SideBar/Roles/student.tsx
index c717ab7d..e02e5810 100644
--- a/src/components/SideBar/Roles/student.tsx
+++ b/src/components/SideBar/Roles/student.tsx
@@ -1,15 +1,12 @@
 "use client";
-import { useContext, useEffect, useState } from "react";
+import { useContext } from "react";
 import { ToggleContext } from "@/contextProviders/ToggleProvider";
 import { motion } from "framer-motion";
 import { useMediaQuery } from "react-responsive";
-import Cookies from "js-cookie";
 import Link from "next/link";
 import NavButtonGroup from "@/components/NavButtonGroup";
-import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
 
 const StudentDashboard = () => {
-  const isSmallScreen = useMediaQuery({ query: "(max-width: 768px)" });
 
   const context = useContext(ToggleContext);
   return (
diff --git a/src/components/TableComponent/TableComponent.tsx b/src/components/TableComponent/TableComponent.tsx
index f0f0836e..4408ee13 100644
--- a/src/components/TableComponent/TableComponent.tsx
+++ b/src/components/TableComponent/TableComponent.tsx
@@ -2,8 +2,6 @@
 import * as React from "react";
 import { useState } from "react";
 import Modal from "react-modal";
-import { fetchStudentData } from "@/helpers/api";
-import Cookies from "js-cookie";
 import {
   ColumnDef,
   ColumnFiltersState,
diff --git a/src/components/company/AllCompaniesComponent.tsx b/src/components/company/AllCompaniesComponent.tsx
index 260b2b60..3526edda 100644
--- a/src/components/company/AllCompaniesComponent.tsx
+++ b/src/components/company/AllCompaniesComponent.tsx
@@ -7,11 +7,8 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Separator } from "@/components/ui/separator";
-import Cookies from "js-cookie";
 import Link from "next/link";
-import { revalidateTag } from "next/cache";
 import EachCompanyDiv from "./EachCompanyDiv";
-interface Props {}
 
 interface company {
   id: string;
@@ -19,7 +16,7 @@ interface company {
 }
 
 const AllCompaniesComponent = async () => {
-  const Companies = await fetchCompany(cookies()?.get("accessToken")?.value);
+  const Companies = await fetchCompany();
 
   if (Companies?.companies?.length === 0) {
     return (
@@ -29,10 +26,8 @@ const AllCompaniesComponent = async () => {
     );
   }
   const Recruiters = await fetchCompanyRecruiters(
-    cookies()?.get("accessToken")?.value,
     cookies()?.get("companyId")?.value,
   );
-  console.log("Recruiters", Recruiters);
   return (
     <div className="">
       <div className="border-r-2  rounded-md">
diff --git a/src/components/jobs/AddEventDialog.tsx b/src/components/jobs/AddEventDialog.tsx
index b9298400..54f3c3db 100644
--- a/src/components/jobs/AddEventDialog.tsx
+++ b/src/components/jobs/AddEventDialog.tsx
@@ -1,6 +1,5 @@
 "use client";
 import { Button } from "@/components/ui/button";
-import Cookies from "js-cookie";
 import {
   Dialog,
   DialogContent,
@@ -12,10 +11,9 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import axios from "axios";
 import { useState } from "react";
 import submit from "../action";
-
+import  { createJobEvent } from "@/helpers/api";
 interface Props {
   jobId: String;
 }
@@ -86,20 +84,16 @@ export function AddEventDialog({ jobId }: Props) {
               disabled={loading}
               onClick={async () => {
                 setloading(true);
-                await axios
-                  .post(
-                    `http://tpc.iiti.ac.in/api/v1/jobs/${jobId}/events`,
-                    { type: type, roundNumber: round, startDateTime: date },
-                    {
-                      headers: {
-                        Authorization: `Bearer ${Cookies.get("accessToken")}`,
-                      },
-                    },
-                  )
-                  .then((response) => {
+                try {
+                  const success = await createJobEvent(jobId, type, round, date);
+                  if (success) {
                     submit("AllEvents");
-                    setloading(false);
-                  });
+                  }
+                } catch (error) {
+                  console.error("Error creating job event:", error);
+                } finally {
+                  setloading(false);
+                }
               }}
             >
               {loading ? "Submitting..." : "Save changes"}
diff --git a/src/components/jobs/JobDeleteModal.tsx b/src/components/jobs/JobDeleteModal.tsx
index 01ca2a07..6d69e975 100644
--- a/src/components/jobs/JobDeleteModal.tsx
+++ b/src/components/jobs/JobDeleteModal.tsx
@@ -17,6 +17,7 @@ import { useState } from "react";
 import { MdDelete } from "react-icons/md";
 import axios from "axios";
 import toast from "react-hot-toast";
+import { deleteEvent } from "@/helpers/api";
 interface Props {
   jobId: string;
   eventId: string;
@@ -72,26 +73,17 @@ export function JobDeleteModal({ jobId, eventId }: Props) {
                 return;
               }
               setloading(true);
-              await axios
-                .delete(
-                  `http://tpc.iiti.ac.in/api/v1/jobs/${jobId}/events/${eventId}`,
-                  {
-                    headers: {
-                      Authorization: `Bearer ${Cookies.get("accessToken")}`,
-                    },
-                  },
-                )
-                .then((response) => {
-                  submit("AllEvents");
-                  setloading(false);
-                  setopen(false);
-                  toast.success("Event Deleted");
-                })
-                .catch((err) => {
-                  console.log(err);
-                  setopen(false);
-                  toast.error("Error Deleting Event");
-                });
+              try {
+                await deleteEvent(jobId, eventId);
+                submit("AllEvents");
+                setloading(false);
+                setopen(false);
+                toast.success("Event Deleted");
+              } catch (err) {
+                console.log(err);
+                setopen(false);
+                toast.error("Error Deleting Event");
+              }
             }}
           >
             {loading ? "Deleting..." : "Delete Now"}
diff --git a/src/components/loginForms/loginForm.tsx b/src/components/loginForms/loginForm.tsx
index aa61b814..f50f8ba5 100644
--- a/src/components/loginForms/loginForm.tsx
+++ b/src/components/loginForms/loginForm.tsx
@@ -1,18 +1,15 @@
 //this will be used to create the login page.
 "use client";
-import { url } from "@/helpers/api";
 import React, { useState } from "react";
-import axios from "axios";
 import toast, { Toaster } from "react-hot-toast";
 import { useRouter } from "next/navigation";
-import Cookies from "js-cookie";
-import { jwtDecode } from "jwt-decode";
 import GoogleLogin from "./googleLogin";
 import { LoginWithEmail } from "@/components/loginForms/loginWithEmail";
+import {login} from "@/helpers/api";
 
 const LoginForm = () => {
-  const [email, setemail] = useState<String | null>(null);
-  const [role, setrole] = useState<String | null>("STUDENT");
+  const [email, setemail] = useState<string | null>(null);
+  const [role, setrole] = useState<string | null>("STUDENT");
   const router = useRouter();
   return (
     <>
@@ -59,40 +56,17 @@ const LoginForm = () => {
                     <div className="items-center flex justify-center flex-col gap-4">
                       <button
                         className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
-                        onClick={() => {
+                        onClick={async () => {
                           if (email == null || email.length == 0) {
-                            toast.error("Email is Required");
+                            toast.error("Email is required");
                             return;
                           }
-                          axios
-                            .post(url("/auth/login/"), {
-                              email: email,
-                              role: role?.toUpperCase(),
-                            })
-                            .then(
-                              (response: { data: { accessToken: string } }) => {
-                                Cookies.set(
-                                  "accessToken",
-                                  response.data.accessToken,
-                                  {
-                                    expires: 365,
-                                  }
-                                );
-                                Cookies.set(
-                                  "user",
-                                  JSON.stringify(
-                                    jwtDecode(response.data.accessToken)
-                                  ),
-                                  { expires: 365 }
-                                );
-                                toast.success("logged in");
-                                window.location.href = "/";
-                              }
-                            )
-                            .catch((err) => {
-                              alert(err);
-                              toast.error("Some Error Occured");
-                            });
+                          try {
+                            await login(email, role);
+                          } catch (err) {
+                            alert(err);
+                            toast.error("Some error occurred");
+                          }
                         }}
                       >
                         Request Access
diff --git a/src/components/loginForms/loginWithEmail.tsx b/src/components/loginForms/loginWithEmail.tsx
index 211e945b..1b09057b 100644
--- a/src/components/loginForms/loginWithEmail.tsx
+++ b/src/components/loginForms/loginWithEmail.tsx
@@ -1,23 +1,26 @@
 import React from "react";
-import { url } from "../../helpers/api";
 import LockImg from "@/../public/icons/lock.svg";
 import toast from "react-hot-toast";
-
-export const LoginWithEmail = (params: { email: String }) => {
+import { loginWithEmail } from "@/helpers/api";
+export const LoginWithEmail = (params: { email: string }) => {
   const onClick = async () => {
-    const res = await fetch(url("/auth/passwordless"), {
-      method: "POST",
-      cache: "no-store",
-      headers: {
-        "Content-type": "application/json",
-      },
-      body: JSON.stringify({ email: params.email }),
-    });
-    console.log(res);
-    const resOk = res.ok;
-    if (resOk) toast.success("Email Has Been Sent");
-    else toast.error("Cannot Login")
-    return resOk;
+    try {
+      const { email } = params;
+      const response = await loginWithEmail(email);
+
+      if (response.ok) {
+          toast.success("Email has been sent");
+          // Optionally handle further actions upon successful response
+      } else {
+          toast.error("Cannot login");
+      }
+
+      return response.ok;
+  } catch (error) {
+      console.error("Error:", error);
+      toast.error("An error occurred while sending the email");
+      return false;
+  }
   };
 
   return (
diff --git a/src/helpers/api.ts b/src/helpers/api.ts
index 7efc667a..39a0ff35 100644
--- a/src/helpers/api.ts
+++ b/src/helpers/api.ts
@@ -1,10 +1,12 @@
-const redirect = () => { };
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
 import qs from "qs";
 import Cookies from "js-cookie";
+import { jwtDecode } from "jwt-decode";
+import toast, { Toaster } from "react-hot-toast";
 import { ResumePatchData } from "./types";
 
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
+
 interface ApiCallOptions {
   method?: string;
   isAuth?: boolean;
@@ -12,15 +14,13 @@ interface ApiCallOptions {
   queryParam?: object;
   next?: object;
   formData?: FormData;
+  recieveResponse?: boolean;
 }
 
-export const url = (NextUrl: string) => {
-  return `${baseUrl}/api/v1${NextUrl}`;
-};
+const redirect = () => {};
 
-export const getUrl = (NextUrl: string) => {
-  return `${baseUrl}/api/v1${NextUrl}`;
-};
+export const url = (NextUrl: string) => { return `${baseUrl}/api/v1${NextUrl}`; };
+export const getUrl = (NextUrl: string) => { return `${baseUrl}/api/v1${NextUrl}`;};
 
 export const apiCall = async (
   path: string,
@@ -31,15 +31,16 @@ export const apiCall = async (
     queryParam = null,
     formData = null,
     next = null,
+    recieveResponse = false,
   }: ApiCallOptions = {}
 ) => {
   const accessToken = Cookies.get("accessToken");
-  if ((!accessToken || accessToken === undefined) && isAuth) {
+  if ((!accessToken) && isAuth) {
     redirect();
     return;
   }
 
-  let url = getUrl(path);
+  let requestUrl = getUrl(path);
 
   const headers: HeadersInit = {};
 
@@ -64,7 +65,7 @@ export const apiCall = async (
       encodeValuesOnly: true,
       encode: false,
     });
-    url += `?${encodedQueryString}`;
+    requestUrl += `?${encodedQueryString}`;
   }
 
   if (isAuth) {
@@ -77,22 +78,25 @@ export const apiCall = async (
     req["next"] = next;
   }
 
-  const res = await fetch(url, req);
-  if (method === "GET") {
+  const res = await fetch(requestUrl, req);
+
+  if (method === "GET" || recieveResponse) {
     return await res.json();
-  } else return res.ok;
+  } else{ 
+    return res.ok
+  };
 };
-export const OpenFile = async (
-  path: string,
-  { method = "GET", isAuth = true, next = null }: ApiCallOptions = {}
-) => {
+
+export const OpenFile = async (path: string, options: ApiCallOptions = {}) => {
+  const { method = "GET", isAuth = true, next = null } = options;
+
   const accessToken = Cookies.get("accessToken");
   if ((!accessToken || accessToken === undefined) && isAuth) {
     redirect();
     return;
   }
 
-  let url = getUrl(path);
+  let requestUrl = getUrl(path);
 
   const headers: HeadersInit = {};
 
@@ -110,11 +114,11 @@ export const OpenFile = async (
     req["next"] = next;
   }
 
-  fetch(url, req)
+  fetch(requestUrl, req)
     .then((response) => response.blob())
     .then((blob) => {
-      const url = window.URL.createObjectURL(blob);
-      window.open(url);
+      const fileUrl = window.URL.createObjectURL(blob);
+      window.open(fileUrl);
     })
     .catch((error) => console.error("Error:", error));
 };
@@ -135,202 +139,88 @@ export const PasswordlessLogin = async (accessToken: string | undefined) => {
   return { status: res.status, body };
 };
 
-export const fetchAllSeasons = async (accessToken: string | undefined) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(url("/seasons"), {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-  const json = await res.json();
-  return json;
+export const fetchAllSeasons = async () => {
+  return apiCall("/seasons");
 };
 
-export const fetchCompany = async (accessToken: string | undefined) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(url("/companies"), {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-  const json = await res.json();
-  return json;
+export const fetchCompany = async () => {
+  return apiCall("/companies");
 };
 
 export const assignCompany = async (
-  accessToken: string | undefined,
   assignments: { id: string; companyId: string }[]
 ) => {
-  if (!accessToken) {
-    redirect();
-    return;
-  }
-
-  const res = await fetch(url("/jobs"), {
+  return apiCall("/jobs", {
     method: "PATCH",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${accessToken}`,
-    },
-    body: JSON.stringify(assignments),
+    body: assignments,
   });
-
-  if (!res.ok) {
-    throw new Error("Failed to assign company");
-  }
-
-  const json = await res.json();
-  return json;
 };
 
 export const assignRecruiter = async (
-  accessToken: string | undefined,
   assignments: { id: string; recruiterId: string }[]
 ) => {
-  if (!accessToken) {
-    redirect();
-    return;
-  }
-
-  const res = await fetch(url("/jobs"), {
+  return apiCall("/jobs", {
     method: "PATCH",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${accessToken}`,
-    },
-    body: JSON.stringify(assignments),
+    body: assignments,
   });
-
-  if (!res.ok) {
-    throw new Error("Failed to assign recruiter");
-  }
-
-  const json = await res.json();
-  return json;
 };
 
 export const fetchAllJobs = async (
-  accessToken: string | undefined,
-  filter: string | undefined
+  filter?: string
 ) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(filter ? url(`/jobs?${filter}`) : url("/jobs"), {
+  return apiCall(filter ? `/jobs?${filter}` : "/jobs", {
+   
     next: { tags: ["AllJobs"] },
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
   });
-  const json = await res.json();
-  return json;
-  // return SampleJobData
 };
 
 export const fetchStudentData = async (
-  accessToken: string | undefined,
-  filter: string | undefined
+  filter?: string
 ) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(
-    filter ? url(`/students?${filter}`) : url("/students"),
-    {
-      next: { tags: ["AllStudents"] },
-      headers: {
-        Authorization: `Bearer ${accessToken}`,
-      },
-    }
-  );
-  const json = await res.json();
-  return json;
+  return apiCall(filter ? `/students?${filter}` : "/students", {
+
+    next: { tags: ["AllStudents"] },
+  });
+};
+
+export const fetchStudentDataById = async (id: any) => {
+  return apiCall(`/students/${id}`);
 };
 
 export const fetchSeasonData = async (
-  accessToken: string | undefined,
   filter: string | undefined
 ) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(
-    filter ? url(`/registrations?${filter}`) : url("/registrations"),
-    {
-      next: { tags: ["AllStudents"] },
-      headers: {
-        Authorization: `Bearer ${accessToken}`,
-      },
-    }
-  );
-  const json = await res.json();
-  return json;
+  return apiCall(filter ? `/registrations?${filter}` : "/registrations", {
+    next: { tags: ["AllStudents"] },
+  });
 };
+
 export const fetchCompanyRecruiters = async (
-  accessToken: string | undefined,
+
   companyId: string | undefined
 ) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(`${url("/companies")}/${companyId}/recruiters/`, {
-    next: {
-      tags: ["AllRecruiters"],
-    },
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
+  return apiCall(`/companies/${companyId}/recruiters/`, {
+ 
+    next: { tags: ["AllRecruiters"] },
   });
-  const json = await res.json();
-  return json;
 };
 
 
 export const fetchJobSalary = async (
-  accessToken: string | undefined,
+
   jobId: string | undefined
 ) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(`${url("/jobs")}/${jobId}/salary/`, {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-  const json = await res.json();
-  return json;
+  return apiCall(`/jobs/${jobId}/salary/`);
 };
 
-export const fetchEachJob = async (
-  accessToken: string | undefined,
+export const fetchJobById = async (
+
   jobId: any
 ) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
-  const res = await fetch(`${url("/jobs")}/${jobId}`, {
-    headers: {
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-
-  const json = await res.json();
-  return json;
+  return apiCall(`/jobs/${jobId}`);
 };
 
+
 export const fetchJobEvents = async (jobId: any) => {
   return apiCall(`/events`, {
     queryParam: {
@@ -366,25 +256,13 @@ export const promoteStudent = async (body: any, eventId: string) => {
 };
 
 export const fetchRecruiterData = async (
-  accessToken: string | undefined,
-  filter: string | undefined
+  filter?: string
 ) => {
-  if (!accessToken || accessToken === undefined) {
-    redirect();
-    return;
-  }
 
-  const res = await fetch(
-    filter ? url(`/recruiters?${filter}`) : url("/recruiters"),
-    {
-      next: { tags: ["AllRecruiters"] },
-      headers: {
-        Authorization: `Bearer ${accessToken}`,
-      },
-    }
-  );
-  const json = await res.json();
-  return json;
+  return apiCall(filter ? `/recruiters?${filter}` : "/recruiters", {
+    next: { tags: ["AllRecruiters"] },
+  });
+
 };
 
 export const fetchResumes = async () => {
@@ -439,7 +317,101 @@ export const postJobCoordinator = async (
   });
 };
 
+
+
+export const fetchPenalties = async (body: any) => {
+  return apiCall('/penalties', {
+    method: 'POST',
+    body: body,
+  });
+};
+
+export const fetchRecruiterById = async (id: string | undefined) => {
+  return apiCall(`/recruiters/${id}`);
+};
+
+export const fetchRegistrations = async (studentId:any, seasonId:any, currentStatus:any) => {
+  return apiCall('/registrations', {
+    method: 'POST',
+    isAuth: true,
+    body: [{
+      studentId,
+      seasonId,
+      registered: !currentStatus
+    }]
+  });
+};
+
+export const fetchRegistrationDataById = async (studentId: any) => {
+  try {
+    const data = await apiCall("/registrations");
+
+    const filteredData = data.filter((registration: any) => registration.student.id === studentId);
+    return filteredData;
+  } catch (error) {
+    console.error('Error fetching registration data:', error);
+  }
+};
+
+
+
+//OnClick Functions
+
+export const createJobEvent = async (
+  jobId: String,
+  type: string,
+  round: string,
+  date: string
+) => {
+  return apiCall(`/jobs/${jobId}/events`, {
+    method: "POST",
+    body: { type, roundNumber: round, startDateTime: date },
+  });
+};
+
+export const login = async (email: string, role: string) => {
+  const response = await apiCall("/auth/login/", {
+    method: "POST",
+    body: { email: email, role: role.toUpperCase() },
+    isAuth: false,
+    recieveResponse: true,
+  });
+  if (response) {
+    const accessToken = response.accessToken;
+    Cookies.set("accessToken", accessToken, { expires: 365 });
+    Cookies.set("user", JSON.stringify(jwtDecode(accessToken)), {
+      expires: 365,
+    });
+    toast.success("Logged in");
+    window.location.href = "/";
+  } else {
+    throw new Error("Login failed");
+  }
+};
+
+
+
+export const deleteEvent = async (jobId: string, eventId: string) => {
+  try {
+    const response = await apiCall(`/jobs/${jobId}/events/${eventId}`, {
+      method: "DELETE",
+    });
+    return response;
+  } catch (error) {
+    throw new Error("Error deleting event");
+  }
+};
+
+export const loginWithEmail = async (email: string) => {
+  return apiCall("/auth/passwordless", {
+    method: "POST",
+    body: { email },
+  });
+}
+
+
 export const fetchEvents = async () => {
   return apiCall("/events");
 
-};
\ No newline at end of file
+};
+
diff --git a/src/helpers/auth.ts b/src/helpers/auth.ts
index d02508b5..7351dede 100644
--- a/src/helpers/auth.ts
+++ b/src/helpers/auth.ts
@@ -6,7 +6,6 @@ import type {
 import type { NextAuthOptions } from "next-auth";
 import { getServerSession } from "next-auth";
 import GoogleProvider from "next-auth/providers/google";
-import { format } from "path";
 
 // You'll need to import and pass this
 // to `NextAuth` in `app/api/auth/[...nextauth]/route.ts`