- {/* Job Title & Job Type side by side */}
-
-
- setNewOpportunity({ ...newOpportunity, title: e.target.value })}
- />
-
-
-
- {/* Department only */}
-
-
- setNewOpportunity({ ...newOpportunity, department: e.target.value })}
- />
-
- {/* Location (read-only, uneditable) with tooltip */}
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
Team Feedback
+
+
+
+
+ JD
+
+
+
John Doe
+
Technical Lead • May 14, 2025
+
+
+
+ Strong technical skills. Good understanding of React and TypeScript. Would be a good fit for our team.
+
+
+
+
- {(() => {
- const status = application.status.toLowerCase()
- if (status === "new" || status === "shortlisted") {
- return (
- <>
-
-
-
-
-
- {}}>
-
- View Profile
-
- {
- window.location.href = `/employers/jobs/job-listings?job=${application.job_id}`;
- }}>
-
- View Job Listing
-
- {status === "new" && (
- {
- e.preventDefault()
- if (setIsModalOpen) setIsModalOpen(false)
- setTimeout(() => {
- window.dispatchEvent(new CustomEvent("__openInterviewModal"))
- }, 200)
- }}
- >
-
- Schedule Interview
-
- )}
- {
- e.preventDefault()
- setIsModalOpen?.(false)
- setTimeout(() => setShowSendOfferModal?.(true), 200)
- }}
- >
-
- Send Offer
-
-
-
-
-
- )
- }
- if (status === "shortlisted") {
- return (
- <>
-
-
-
-
- )
- }
- if (status === "interview" || status === "interview scheduled") {
- return (
- <>
-
-
-
-
-
- {}}>
-
- View Profile
-
- {
- window.location.href = `/employers/jobs/job-listings?job=${application.job_id}`;
-}}>
-
- View Job Listing
-
- {
- e.preventDefault();
- if (setIsModalOpen) setIsModalOpen(false);
- setTimeout(() => { if (onOpenMarkDoneModal) onOpenMarkDoneModal(); }, 200);
-}}>
-
- Mark as Done
-
-
-
-
-
- )
- }
- if (status === "waitlisted") {
- return (
- <>
-
-
-
-
-
- {}}>
-
- View Profile
-
- {
- window.location.href = `/employers/jobs/job-listings?job=${application.job_id}`;
- }}>
-
- View Job Listing
-
-
-
-
-
- )
- }
- if (status === "rejected") {
- return (
- <>
-
-
-
- )
- }
-
- return (
- <>
-
-
- )
- })()}
+
+
+ {application.status.toLowerCase() === "new" && (
+
+ )}
-
- {(() => {
- const status = application.status.toLowerCase()
- if (status === "new") {
- return (
- <>
-
-
-
- )
- }
- if (status === "shortlisted") {
- return (
- <>
-
-
-
- )
- }
- if (status === "interview" || status === "interview scheduled") {
- return (
- <>
-
-
-
- )
- }
- if (status === "waitlisted") {
- return (
- <>
-
-
-
- )
- }
- if (status === "hired") {
- return null
- }
- if (status === "rejected") {
- return null
- }
- return null
- })()}
- {(() => {
- const status = application.status.toLowerCase()
- if (status === "hired") {
- return (
-
- )
- }
- return null
- })()}
+
+ {["new", "interview"].includes(application.status.toLowerCase()) ? (
+
+ ) : (
+
+ )}
)
}
-
-function getMatchMessage(percent: number) {
- if (percent >= 70) return "Great fit for this job"
- if (percent >= 40) return "Somewhat matches the requirements"
- return "Low skill match for this job"
-}
-
-function normalizeFiles(arr: (string | { name: string; url: string })[] = []): { name: string; url: string }[] {
- return arr.map(item => {
- if (typeof item === "string") {
- const name = item.split("/").pop() || item
- return { name, url: item }
- }
- return item
- })
-}
diff --git a/app/(app)/employers/jobs/applications/components/recruiter-application-tracker.tsx b/app/(app)/employers/jobs/applications/components/recruiter-application-tracker.tsx
index 739ada1..c8dc592 100644
--- a/app/(app)/employers/jobs/applications/components/recruiter-application-tracker.tsx
+++ b/app/(app)/employers/jobs/applications/components/recruiter-application-tracker.tsx
@@ -1,209 +1,42 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
"use client"
import type React from "react"
import { useState, useRef, useEffect } from "react"
-import { useSearchParams } from "next/navigation"
import {
Search,
Calendar,
MapPin,
+ ChevronDown,
FileText,
+ Bookmark,
Filter,
MoreHorizontal,
ArrowUpRight,
ChevronRight,
- ChevronLeft,
- RefreshCw,
- ChevronDown,
- ChevronUp,
- BarChart2,
- CalendarDays,
- CheckCircle
+ Briefcase,
+ CheckCircle,
} from "lucide-react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Badge } from "@/components/ui/badge"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { RecruiterApplicationDetailsModal } from "./recruiter-application-details"
-import InterviewScheduleModal from "./modals/interview-schedule"
-import SendOfferModal from "./modals/send-offer"
-import FilterModal from "./modals/filter-modal"
import { toast } from "react-toastify"
import Avatar from "@mui/material/Avatar"
-import { motion } from "framer-motion"
-import {
- MdStars,
- MdOutlineEditCalendar,
- MdRestore
-} from "react-icons/md"
-import { TbClockQuestion, TbUserSearch } from "react-icons/tb"
-import { Menu, MenuItem } from "@mui/material"
-import { Briefcase, User, Calendar as CalendarIcon } from "lucide-react"
-import Tooltip from "@mui/material/Tooltip"
-import { IoIosCloseCircleOutline } from "react-icons/io"
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog"
-import { RiCalendarScheduleLine, RiEmotionSadLine } from "react-icons/ri"
-import { LuCalendarCog } from "react-icons/lu"
-import { FaHandHoldingUsd, FaRegCalendarTimes, FaUserCheck } from "react-icons/fa"
-import { FaCalendarCheck, FaHandHoldingDollar, FaRegFolderOpen } from "react-icons/fa6"
-import { calculateSkillsMatch } from "../../../../../../lib/match-utils"
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
-import { BsMailbox2Flag } from "react-icons/bs"
-import { LuSquarePen } from "react-icons/lu"
-import { TbMailStar } from "react-icons/tb"
-import { useRouter } from "next/navigation"
-
-type JobPosting = {
- job_title?: string
- work_type?: string
- remote_options?: string
- pay_amount?: string
- pay_type?: string
- perks_and_benefits?: string[]
- location?: string
-}
-
-type AnswersMap = Record
;
type Applicant = {
- skills: string[]
- contactInfo: { email: string; phone: string; socials: never[]; countryCode: string }
application_id: string
job_id: string
job_title?: string
status?: string
- first_name?: string
+ first_name?: string
last_name?: string
address?: string
experience_years?: string
- applied_at?: string
- student_id?: string
- profile_image_url?: string
- job_postings?: JobPosting
- course?: string
- year?: string
- application_answers?: AnswersMap
- pay_amount?: string
- pay_type?: string
- work_type?: string
- remote_options?: string
- perks_and_benefits?: string[]
- location?: string
- is_invited?: boolean
-}
-
-function Pagination({
- totalPages = 1,
- currentPage = 1,
- onPageChange,
-}: {
- totalPages?: number
- currentPage?: number
- onPageChange?: (page: number) => void
-}) {
- const handlePageChange = (page: number) => {
- if (page >= 1 && page <= totalPages) {
- onPageChange?.(page)
- }
- }
-
- const getVisiblePages = () => {
- const delta = 2
- const range = []
- const rangeWithDots = []
-
- for (let i = Math.max(2, currentPage - delta); i <= Math.min(totalPages - 1, currentPage + delta); i++) {
- range.push(i)
- }
-
- if (currentPage - delta > 2) {
- rangeWithDots.push(1, "…")
- } else {
- rangeWithDots.push(1)
- }
-
- rangeWithDots.push(...range)
-
- if (currentPage + delta < totalPages - 1) {
- rangeWithDots.push("…", totalPages)
- } else if (totalPages > 1) {
- rangeWithDots.push(totalPages)
- }
-
- return rangeWithDots
- }
-
- const visiblePages = getVisiblePages()
-
- return (
-
-
-
-
-
- {visiblePages.map((page, index) => (
-
- {page === "…" ? (
- …
- ) : (
-
- )}
-
- ))}
-
-
-
-
- Page {currentPage} of {totalPages}
-
-
-
Applicant Tracking
-
+
Applicant Tracking
+
Manage and review all applicants for your job postings
-
+ {jobPostings.map((job) => (
+
+ ))}
+
@@ -797,7 +154,7 @@ const allDegrees = ["Associate", "Bachelor’s", "Master’s", "Doctorate"]
{totalApplicants}
@@ -811,24 +168,13 @@ const allDegrees = ["Associate", "Bachelor’s", "Master’s", "Doctorate"]