diff --git a/src/app/(routes)/recruiter/prevjaf/[jaf]/page.tsx b/src/app/(routes)/recruiter/prevjaf/[jaf]/page.tsx
index b0b62f8d..f29901f7 100644
--- a/src/app/(routes)/recruiter/prevjaf/[jaf]/page.tsx
+++ b/src/app/(routes)/recruiter/prevjaf/[jaf]/page.tsx
@@ -124,7 +124,7 @@ const JAFPage = ({
return (
<>
{jafs.map((jaf,index) => (
-
+
))}
diff --git a/src/components/Admin/AdminTable.tsx b/src/components/Admin/AdminTable.tsx
deleted file mode 100644
index ffc73829..00000000
--- a/src/components/Admin/AdminTable.tsx
+++ /dev/null
@@ -1,324 +0,0 @@
-"use client";
-import * as React from "react";
-import { useState } from "react";
-import Modal from "react-modal";
-import {
- ColumnDef,
- ColumnFiltersState,
- SortingState,
- VisibilityState,
- flexRender,
- getCoreRowModel,
- getFilteredRowModel,
- getPaginationRowModel,
- getSortedRowModel,
- useReactTable,
-} from "@tanstack/react-table";
-import { ArrowUpDown, ChevronDown, MoreHorizontal, X } from "lucide-react";
-
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
- DropdownMenu,
- DropdownMenuCheckboxItem,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeader,
- TableRow,
-} from "@/components/ui/table";
-
-interface Admin {
- id: string;
- email: string;
- name: string;
- contact: string;
- role: string;
-}
-
-const customStyles = {
- content: {
- top: "50%",
- left: "50%",
- right: "auto",
- bottom: "auto",
- marginRight: "-50%",
- padding: "0px",
- transform: "translate(-50%, -50%)",
- zIndex: 10000000,
- border: "0px",
- borderRadius: "10px",
- },
- overlay: {
- zIndex: 10000000,
- top: 0,
- left: 0,
- width: "100vw",
- height: "100vh",
- background: "rgba(0, 0, 0, 0.75)",
- display: "flex",
- alignItems: "center",
- justifyContent: "center",
- },
-};
-
-export const columns: ColumnDef
[] = [
- {
- id: "select",
- header: ({ table }) => (
-
- table.toggleAllPageRowsSelected(!!value)
- }
- aria-label="Select all"
- />
- ),
- cell: ({ row }) => (
- row.toggleSelected(!!value)}
- aria-label="Select row"
- />
- ),
- enableSorting: false,
- enableHiding: false,
- },
- {
- accessorKey: "name",
- header: "Name",
- cell: ({ row }) => {row.getValue('name')}
,
- },
- {
- accessorKey: "email",
- header: "Email",
- cell: ({ row }) => {row.getValue('email')}
,
- },
- {
- accessorKey: "contact",
- header: "Contact",
- cell: ({ row }) => {row.getValue("contact")}
,
- },
- {
- accessorKey: "role",
- header: "Role",
- cell: ({ row }) => {row.getValue('role')}
,
- },
-];
-
-export default function AdmintTable({ data }: any) {
- const [sorting, setSorting] = React.useState([]);
- const [columnFilters, setColumnFilters] = React.useState(
- [],
- );
-
- const [columnVisibility, setColumnVisibility] =
- React.useState({});
- const [rowSelection, setRowSelection] = React.useState({});
-
- const table = useReactTable({
- data,
- columns,
- onSortingChange: setSorting,
- onColumnFiltersChange: setColumnFilters,
- getCoreRowModel: getCoreRowModel(),
- getPaginationRowModel: getPaginationRowModel(),
- getSortedRowModel: getSortedRowModel(),
- getFilteredRowModel: getFilteredRowModel(),
- onColumnVisibilityChange: setColumnVisibility,
- onRowSelectionChange: setRowSelection,
- initialState: {
- pagination: {
- pageSize: 5,
- },
- },
- state: {
- sorting,
- columnFilters,
- columnVisibility,
- rowSelection,
- },
- });
- const [filters, setFilters] = React.useState([]);
-
- const handleFilterChange = (columnId: string, value: string) => {
- const existingFilterIndex = filters.findIndex(
- (filter: any) => filter.columnId === columnId,
- );
- if (existingFilterIndex === -1) {
- setFilters([...filters, { columnId, value }]);
- } else {
- setFilters((x: any) => x.filter((y: any) => y.columnId !== columnId));
- }
- };
- console.log(filters);
-
- return (
-
-
- {filters.map((ele: any, index: any) => {
- return (
-
-
- table
- .getColumn(ele.columnId)
- ?.setFilterValue(event.target.value)
- }
- className="w-full "
- />
-
- );
- })}
-
-
-
-
-
-
- {table
- .getAllColumns()
- .filter((column) => column.getCanHide())
- .map((column) => {
- return (
- x.columnId === column.id)
- }
- onCheckedChange={(value: any) => {
- handleFilterChange(column.id, ""); // Initialize filter with an empty string
- }}
- >
- {column.id}
-
- );
- })}
-
-
-
-
-
-
-
-
- {table
- .getAllColumns()
- .filter((column) => column.getCanHide())
- .map((column) => {
- return (
-
- column.toggleVisibility(!!value)
- }
- >
- {column.id}
-
- );
- })}
-
-
-
-
-
-
- {table.getHeaderGroups().map((headerGroup) => (
-
- {headerGroup.headers.map((header) => {
- return (
-
- {header.isPlaceholder
- ? null
- : flexRender(
- header.column.columnDef.header,
- header.getContext(),
- )}
-
- );
- })}
-
- ))}
-
-
- {table.getRowModel().rows?.length ? (
- table.getRowModel().rows.map((row) => (
-
- {row.getVisibleCells().map((cell) => (
-
- {flexRender(
- cell.column.columnDef.cell,
- cell.getContext(),
- )}
-
- ))}
-
- ))
- ) : (
-
-
- No results.
-
-
- )}
-
-
-
-
-
-
- {table.getFilteredSelectedRowModel().rows.length} of{" "}
- {table.getFilteredRowModel().rows.length} row(s) selected.
-
-
-
-
-
-
-
-
-
-
-
);
+};
+
+export default Table;
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index e590ccee..70f54746 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,17 +1,11 @@
"use client";
-import { useContext, useEffect } from "react";
+import { useContext, useEffect,useState } 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 { CompanyDropDown } from "./SideBar/DropDowns/CompanyDropDown";
-import { SessionDropDown } from "./SideBar/DropDowns/SeasonDropDown";
-import { JobDropDown } from "./SideBar/DropDowns/JobDropDown";
-import { StudentDropDown } from "./SideBar/DropDowns/StudentDropDown";
-import { FacultyDropDown } from "./SideBar/DropDowns/FacultyDropDown";
-import { RecruiterDropDown } from "./SideBar/DropDowns/RecuiterDropDown";
import AdminDashboard from "./SideBar/Roles/admin";
import StudentDashboard from "./SideBar/Roles/student";
import RecruiterDashboard from "./SideBar/Roles/recruiter";
@@ -36,20 +30,30 @@ interface Props {
}
const Sidebar = () => {
+
const isSmallScreen = useMediaQuery({ query: "(max-width: 768px)" });
const context = useContext(ToggleContext);
const userString = Cookies.get("user");
const user = userString ? JSON.parse(userString) : null;
- const isAdmin = user?.userType === "ADMIN";
+ const isAdmin = user?.role === "ADMIN";
+
// const isAdmin = true;
- const isRecruiter = user?.userType === "RECRUITER"
+ const isRecruiter = user?.role === "RECRUITER"
// const isRecruiter = true;
- const isStudent = user?.userType === "STUDENT"
+ const isStudent = user?.role === "STUDENT"
// const isStudent = true;
- const userRole = user?.userType?.toLowerCase();
+ const userRole = user?.role?.toLowerCase();
+ const [isLoaded, setIsLoaded] = useState(false);
+
+ useEffect(() => {
+ setIsLoaded(true);
+ }, []);
+ if (!isLoaded) {
+ return null; // or you can render a loading spinner
+ }
return (
[] = [
- {
- id: "select",
- header: ({ table }) => (
-
- table.toggleAllPageRowsSelected(!!value)
- }
- aria-label="Select all"
- />
- ),
- cell: ({ row }) => (
- row.toggleSelected(!!value)}
- aria-label="Select row"
- />
- ),
- enableSorting: false,
- enableHiding: false,
- },
- {
- accessorKey: "user.name",
- header: "Name",
- cell: ({ row }) => (
- {row.original.user.name}
- ),
- },
- {
- accessorKey: "rollNo",
- header: "Roll Number",
- cell: ({ row }) => {row.getValue("rollNo")}
,
- },
- {
- accessorKey: "category",
- header: "Category",
- cell: ({ row }) => {row.getValue("category")}
,
- },
- {
- accessorKey: "user.email",
- header: "Email",
- cell: ({ row }) => {row.original.user.email}
,
- },
- {
- accessorKey: "gender",
- header: "Gender",
- cell: ({ row }) => {row.getValue("gender")}
,
- },
- {
- accessorKey: "contact",
- header: "Contact",
- cell: ({ row }) => {row.original.user.contact}
,
- },
- {
- id: "actions",
- enableHiding: false,
- cell: ({ row }) => {
- const student = row.original;
- console.log(student);
- let isDeleteModalOpen = false;
- return (
-
- (isDeleteModalOpen = false)}
- style={customStyles}
- contentLabel="Example Modal"
- >
-
-
-
-
- Actions
- View Profile
-
- {
- isDeleteModalOpen = true;
- }}
- >
- Delete Student
-
- Update Student
-
-
- );
- },
- },
-];
-
-export default function StudentTable({ data }: any) {
- const [sorting, setSorting] = React.useState([]);
- const [columnFilters, setColumnFilters] = React.useState(
- [],
- );
-
- const [columnVisibility, setColumnVisibility] =
- React.useState({});
- const [rowSelection, setRowSelection] = React.useState({});
-
- const table = useReactTable({
- data,
- columns,
- onSortingChange: setSorting,
- onColumnFiltersChange: setColumnFilters,
- getCoreRowModel: getCoreRowModel(),
- getPaginationRowModel: getPaginationRowModel(),
- getSortedRowModel: getSortedRowModel(),
- getFilteredRowModel: getFilteredRowModel(),
- onColumnVisibilityChange: setColumnVisibility,
- onRowSelectionChange: setRowSelection,
- initialState: {
- pagination: {
- pageSize: 5,
- },
- },
- state: {
- sorting,
- columnFilters,
- columnVisibility,
- rowSelection,
- },
- });
- const [filters, setFilters] = React.useState([]);
-
- const handleFilterChange = (columnId: string, value: string) => {
- const existingFilterIndex = filters.findIndex(
- (filter: any) => filter.columnId === columnId,
- );
- if (existingFilterIndex === -1) {
- setFilters([...filters, { columnId, value }]);
- } else {
- setFilters((x: any) => x.filter((y: any) => y.columnId !== columnId));
- }
- };
- console.log(filters);
-
- return (
-
-
- {filters.map((ele: any, index: any) => {
- return (
-
-
- table
- .getColumn(ele.columnId)
- ?.setFilterValue(event.target.value)
- }
- className="w-full "
- />
-
- );
- })}
-
-
-
-
-
-
- {table
- .getAllColumns()
- .filter((column) => column.getCanHide())
- .map((column) => {
- return (
- x.columnId === column.id)
- }
- onCheckedChange={(value: any) => {
- handleFilterChange(column.id, ""); // Initialize filter with an empty string
- }}
- >
- {column.id}
-
- );
- })}
-
-
-
-
-
-
-
-
- {table
- .getAllColumns()
- .filter((column) => column.getCanHide())
- .map((column) => {
- return (
-
- column.toggleVisibility(!!value)
- }
- >
- {column.id}
-
- );
- })}
-
-
-
-
-
-
- {table.getHeaderGroups().map((headerGroup) => (
-
- {headerGroup.headers.map((header) => {
- return (
-
- {header.isPlaceholder
- ? null
- : flexRender(
- header.column.columnDef.header,
- header.getContext(),
- )}
-
- );
- })}
-
- ))}
-
-
- {table.getRowModel().rows?.length ? (
- table.getRowModel().rows.map((row) => (
-
- {row.getVisibleCells().map((cell) => (
-
- {flexRender(
- cell.column.columnDef.cell,
- cell.getContext(),
- )}
-
- ))}
-
- ))
- ) : (
-
-
- No results.
-
-
- )}
-
-
-
-
-
-
- {table.getFilteredSelectedRowModel().rows.length} of{" "}
- {table.getFilteredRowModel().rows.length} row(s) selected.
-
-
-
-
-
-
-
-
-
-
-