Screening Results

\n \n {selectedJob && (\n

Selected Job: {selectedJob.title}

\n Required Skills:\n {selectedJob.requiredSkills.map((skill, index) => (\n \n {skill}\n \n ))}\n

\n {selectedJob.preferredSkills.length > 0 && (\n

\n Preferred Skills:\n {selectedJob.preferredSkills.map((skill, index) => (\n \n {skill}\n \n ))}\n

\n )}\n

\n )}\n \n {results.length > 0 ? (\n

\n \n \n \n \n \n \n \n \n \n \n \n {results.map((result, index) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Rank\n	\n Candidate\n	\n Score\n	\n Skill Match\n	\n Actions\n
\n \n #{index + 1}\n \n	\n \n {result.candidateName}\n \n	\n = 70 \n ? \"bg-green-100 text-green-800\" \n : result.score >= 50 \n ? \"bg-yellow-100 text-yellow-800\" \n : \"bg-red-100 text-red-800\"\n }`}>\n {result.score.toFixed(1)}\n \n	\n \n {result.skillMatches.matched.length} matched / {\n result.skillMatches.matched.length + result.skillMatches.missing.length\n } required\n \n	\n handleViewResult(result)}\n className=\"text-blue-600 hover:text-blue-900\"\n >\n View Details\n \n

\n ) : (\n

\n {selectedJob \n ? \"No results yet. Score resumes against the selected job to see results here.\"\n : \"No job selected. Please select or create a job first.\"}\n

\n )}\n \n {/* Result Details Modal */}\n {selectedResult && (\n

\n {selectedResult.candidateName}\n

\n \n ✕\n \n

\n \n

\n {selectedResult.score.toFixed(1)}\n

= 70 \n ? \"bg-green-500\" \n : selectedResult.score >= 50 \n ? \"bg-yellow-500\" \n : \"bg-red-500\"\n }`}\n style={{ width: `${selectedResult.score}%` }}\n >

\n \n

Skills Match

\n {Math.round(selectedResult.skillMatches.matched.length / \n (selectedResult.skillMatches.matched.length + \n selectedResult.skillMatches.missing.length) * 100)}%\n

Experience Relevance

\n {Math.round(selectedResult.experienceRelevance * 100)}%\n

Education Relevance

\n {Math.round(selectedResult.educationRelevance * 100)}%\n

\n \n

Skills Analysis

\n \n

Matched Skills

\n {selectedResult.skillMatches.matched.length > 0 ? (\n selectedResult.skillMatches.matched.map((skill, index) => (\n \n {skill}\n \n ))\n ) : (\n No matched skills\n )}\n

\n \n

Missing Required Skills

\n {selectedResult.skillMatches.missing.length > 0 ? (\n selectedResult.skillMatches.missing.map((skill, index) => (\n \n {skill}\n \n ))\n ) : (\n No missing skills\n )}\n

\n \n {selectedResult.highlights && selectedResult.highlights.length > 0 && (\n

Key Highlights

{highlight}

\n )}\n \n {/* AI Feedback Section */}\n

AI Feedback

\n {!selectedResult.feedback && selectedJob && (\n handleGetFeedback(selectedResult.resumeId)}\n className=\"text-blue-600 hover:text-blue-800 text-sm flex items-center\"\n disabled={isLoading}\n >\n {isLoading ? (\n <>\n \n Generating...\n \n ) : (\n \"Generate Feedback\"\n )}\n \n )}\n

\n \n {selectedResult.feedback ? (\n

{selectedResult.feedback}

\n ) : (\n

\n {isLoading \n ? \"Generating personalized feedback...\" \n : \"Click 'Generate Feedback' to get AI-powered insights for this candidate.\"}\n

\n )}\n

\n \n {/* Resume Details */}\n {getResumeForResult(selectedResult)?.parsedData && (\n

Resume Details

\n \n

\n {getResumeForResult(selectedResult)?.parsedData?.summary && (\n

Summary

\n {getResumeForResult(selectedResult)?.parsedData?.summary}\n

\n )}\n \n

Skills

\n {getResumeForResult(selectedResult)?.parsedData?.skills.map((skill, index) => (\n s.toLowerCase() === skill.toLowerCase() ||\n skill.toLowerCase().includes(s.toLowerCase()) ||\n s.toLowerCase().includes(skill.toLowerCase())\n )\n ? \"skill-matched\"\n : \"bg-gray-100 text-gray-800\"\n }`}\n >\n {skill}\n \n ))}\n

\n \n {getResumeForResult(selectedResult)?.parsedData?.experience.length > 0 && (\n

Experience

\n {getResumeForResult(selectedResult)?.parsedData?.experience.slice(0, 2).map((exp, index) => (\n

\n {exp.title}\n \n {exp.startDate} - {exp.endDate || \"Present\"}\n \n

{exp.company}

\n ))}\n {(getResumeForResult(selectedResult)?.parsedData?.experience.length || 0) > 2 && (\n

\n +{(getResumeForResult(selectedResult)?.parsedData?.experience.length || 0) - 2} more experiences\n

\n )}\n

\n )}\n \n {getResumeForResult(selectedResult)?.parsedData?.education.length > 0 && (\n

Education

\n {getResumeForResult(selectedResult)?.parsedData?.education.map((edu, index) => (\n

\n {edu.degree}\n {edu.field && in {edu.field}}\n from {edu.institution}\n

\n ))}\n

\n )}\n

\n )}\n \n

\n \n Close\n \n

\n )}\n

\n );\n};\n\nexport default Results;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Akashashn/Akash/code/frontend/components/Results.tsx","extension","actionData","errors"]