这是indexloc提供的服务，不要输入任何密码
Skip to content

Student ratings #25

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Student ratings #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2766f02
i added ratings
MingoHaha Aug 19, 2025
9ae20ee
initial code palang
MingoHaha Aug 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
147 changes: 138 additions & 9 deletions app/(app)/students/jobs/applications/components/application-tracker.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { ApplicationDetailsModal } from "./application-details"
import { FollowUpChatModal } from "./follow-up-chat-modal"
import { JobRatingModal } from "./job-rating-modal"
import { toast } from "react-toastify"
import Menu from "@mui/material/Menu"
import MenuItem from "@mui/material/MenuItem"
Expand All @@ -38,6 +39,7 @@ import { RiErrorWarningLine } from "react-icons/ri"
import { BadgeCheck as LuBadgeCheck } from "lucide-react"
import Tooltip from "@mui/material/Tooltip"
import { styled } from "@mui/material/styles"
import { AiFillStar } from "react-icons/ai"

type JobPosting = {
employer_id?: string
Expand Down Expand Up @@ -91,6 +93,17 @@ type ApplicationData = {
portfolio?: string[]
}

type JobRatingData = {
companyLogo: string
jobTitle: string
recruiterName: string
companyName: string
dateOfHiring: string
jobType: string
department: string
location: string
}

const CustomTooltip = styled(Tooltip)(() => ({
[`& .MuiTooltip-tooltip`]: {
backgroundColor: "#fff",
Expand Down Expand Up @@ -264,8 +277,13 @@ export default function ApplicationTrackerNoSidebar() {
if (cached) {
try {
const parsed = JSON.parse(cached)
if (typeof parsed === "string") {
newLogoUrls[idx] = parsed
return
}
if (parsed && typeof parsed === "object" && parsed.url && typeof parsed.url === "string") {
newLogoUrls[idx] = parsed.url
sessionStorage.setItem(cacheKey, JSON.stringify(parsed.url))
return
}
} catch {}
Expand All @@ -280,9 +298,16 @@ export default function ApplicationTrackerNoSidebar() {
}),
})
const json = await res.json()
if (json.signedUrl && typeof json.signedUrl === "string") {
newLogoUrls[idx] = json.signedUrl
sessionStorage.setItem(cacheKey, JSON.stringify({ url: json.signedUrl }))

let url = ""
if (typeof json.signedUrl === "string") {
url = json.signedUrl
} else if (json.url && typeof json.url === "string") {
url = json.url
}
if (url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("/"))) {
newLogoUrls[idx] = url
sessionStorage.setItem(cacheKey, JSON.stringify(url))
} else {
newLogoUrls[idx] = null
sessionStorage.removeItem(cacheKey)
Expand Down Expand Up @@ -353,6 +378,76 @@ export default function ApplicationTrackerNoSidebar() {
};

const [activeTab, setActiveTab] = useState("all")
const [isJobRatingModalOpen, setIsJobRatingModalOpen] = useState(false)
const [jobRatingData, setJobRatingData] = useState<JobRatingData | null>(null)
const [jobRatingCompanyImg, setJobRatingCompanyImg] = useState<string>("")
const [jobRatingRecruiterImg, setJobRatingRecruiterImg] = useState<string>("")
const [jobRatingRecruiterName, setJobRatingRecruiterName] = useState<string>("")
const [jobRatingJobId, setJobRatingJobId] = useState<string>("")

async function handleOpenJobRatingModal(app: ApplicationData) {
setJobRatingJobId(app.job_postings?.id || "")
let logo = ""
let recruiterImg = ""
let recruiterName = ""
const logoPath = app.company_logo_image_path || app.job_postings?.company_logo_image_path || ""
if (logoPath) {
try {
const res = await fetch("/api/employers/get-signed-url", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
bucket: "company.logo",
path: logoPath,
}),
})
const json = await res.json()
if (json.signedUrl && typeof json.signedUrl === "string") {
logo = json.signedUrl
}
} catch {
logo = ""
}
}
const recruiterProfileImg = app.profile_img || ""
if (recruiterProfileImg) {
if (recruiterProfileImg.startsWith("http")) {
recruiterImg = recruiterProfileImg
} else {
try {
const res = await fetch("/api/employers/get-signed-url", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
bucket: "user.avatars",
path: recruiterProfileImg,
}),
})
const json = await res.json()
recruiterImg = json.signedUrl || ""
} catch {
recruiterImg = ""
}
}
}
recruiterName = app.job_postings?.registered_employers?.first_name
? `${app.job_postings?.registered_employers?.first_name} ${app.job_postings?.registered_employers?.last_name || ""}`.trim()
: ""
setJobRatingCompanyImg(logo)
setJobRatingRecruiterImg(recruiterImg)
setJobRatingRecruiterName(recruiterName)
setJobRatingData({
companyLogo: logo,
jobTitle: app.job_postings?.job_title || "",
recruiterName,
companyName: app.company_name || app.job_postings?.registered_employers?.company_name || "",
dateOfHiring: app.applied_at || "",
jobType: app.job_postings?.work_type || "",
department: "",
location: app.job_postings?.location || "",
})
setIsJobRatingModalOpen(true)
}

return (
<>
Expand Down Expand Up @@ -473,7 +568,7 @@ export default function ApplicationTrackerNoSidebar() {
handleMenuOpen,
applicationsData,
logoUrls,

handleOpenJobRatingModal
)
: (
<div className="flex flex-col items-center justify-center min-h-[220px]">
Expand All @@ -496,7 +591,7 @@ export default function ApplicationTrackerNoSidebar() {
handleMenuOpen,
applicationsData.filter(a => (a.status || "").toLowerCase() === "new"),
logoUrls,

handleOpenJobRatingModal
)
: (
<div className="flex flex-col items-center justify-center min-h-[220px]">
Expand All @@ -519,7 +614,7 @@ export default function ApplicationTrackerNoSidebar() {
handleMenuOpen,
applicationsData.filter(a => (a.status || "").toLowerCase() === "shortlisted"),
logoUrls,

handleOpenJobRatingModal
)
: (
<div className="flex flex-col items-center justify-center min-h-[220px]">
Expand All @@ -542,7 +637,7 @@ export default function ApplicationTrackerNoSidebar() {
handleMenuOpen,
applicationsData.filter(a => (a.status || "").toLowerCase() === "interview scheduled"),
logoUrls,

handleOpenJobRatingModal
)
: (
<div className="flex flex-col items-center justify-center min-h-[220px]">
Expand All @@ -565,7 +660,7 @@ export default function ApplicationTrackerNoSidebar() {
handleMenuOpen,
applicationsData.filter(a => (a.status || "").toLowerCase() === "hired"),
logoUrls,

handleOpenJobRatingModal
)
: (
<div className="flex flex-col items-center justify-center min-h-[220px]">
Expand All @@ -588,7 +683,7 @@ export default function ApplicationTrackerNoSidebar() {
handleMenuOpen,
applicationsData.filter(a => (a.status || "").toLowerCase() === "rejected"),
logoUrls,

handleOpenJobRatingModal
)
: (
<div className="flex flex-col items-center justify-center min-h-[220px]">
Expand Down Expand Up @@ -743,6 +838,17 @@ export default function ApplicationTrackerNoSidebar() {
jobTitle={followUpDetails?.jobTitle || ""}
company={followUpDetails?.company || ""}
/>

<JobRatingModal
isOpen={isJobRatingModalOpen}
onClose={() => setIsJobRatingModalOpen(false)}
jobId={jobRatingJobId}
jobTitle={jobRatingData?.jobTitle || ""}
companyName={jobRatingData?.companyName || ""}
recruiterProfileImg={jobRatingRecruiterImg}
companyLogoImg={jobRatingCompanyImg}
recruiterName={jobRatingRecruiterName}
/>
</>
)
}
Expand All @@ -757,6 +863,7 @@ function generateApplicationCards(
handleMenuOpen: (event: React.MouseEvent<HTMLButtonElement>, id: number) => void,
applicationsData?: ApplicationData[],
logoUrls?: { [key: number]: string | null },
handleOpenJobRatingModal?: (app: ApplicationData) => void
) {
const statusConfig = {
all: { title: "Mixed", badge: "", hover: "hover:border-l-yellow-400" },
Expand Down Expand Up @@ -982,6 +1089,26 @@ function generateApplicationCards(
Follow Up
</Button>
)}
{cardStatus === "hired" && (
<Button
size="sm"
className="bg-green-600 hover:bg-green-700 text-xs flex items-center gap-1"
onClick={async e => {
e.stopPropagation()
if (
applicationsData &&
applicationsData[index] &&
handleOpenJobRatingModal
) {
const app = applicationsData[index]
await handleOpenJobRatingModal(app)
}
}}
>
<AiFillStar className="w-4 h-4" />
Rate Job
</Button>
)}
<Button
variant="outline"
size="sm"
Expand Down Expand Up @@ -1031,3 +1158,5 @@ function generateApplicationCards(
)
}



Loading