- {/* Header */}
+ {/* Header */ }
-
- {vacancy.premium && (
+
+ { vacancy.premium && (
Premium
- )}
+ ) }
- {/* Main Content */}
+ {/* Main Content */ }
- {/* Left Column - Vacancy Details */}
+ {/* Left Column - Vacancy Details */ }
- {/* Title and Company */}
+ {/* Title and Company */ }
- {vacancy.title}
+ { vacancy.title }
-
+
-
+
{vacancy.company_name || 'Не указано'}
@@ -137,143 +137,143 @@ export default function VacancyPage() {
-
- {formatSalary(vacancy)}
+
+ { formatSalary(vacancy) }
-
+
{vacancy.area_name || 'Не указано'}
-
+
-
- {getExperienceText(vacancy.experience)}
+
+ { getExperienceText(vacancy.experience) }
-
+
-
- {getEmploymentText(vacancy.employment_type)}
+
+ { getEmploymentText(vacancy.employment_type) }
-
+
-
- {getScheduleText(vacancy.schedule)}
+
+ { getScheduleText(vacancy.schedule) }
-
- {vacancy.published_at && (
+
+ { vacancy.published_at && (
-
- Опубликовано {new Date(vacancy.published_at).toLocaleDateString('ru-RU')}
+
+ Опубликовано { new Date(vacancy.published_at).toLocaleDateString('ru-RU') }
- )}
+ ) }
- {/* Description */}
+ {/* Description */ }
Описание вакансии
- {vacancy.description}
+ { vacancy.description }
- {/* Key Skills */}
- {vacancy.key_skills && (
+ {/* Key Skills */ }
+ { vacancy.key_skills && (
Ключевые навыки
-
{vacancy.key_skills}
+
{ vacancy.key_skills }
- )}
+ ) }
- {/* Company Description */}
- {vacancy.company_description && (
+ {/* Company Description */ }
+ { vacancy.company_description && (
О компании
- {vacancy.company_description}
+ { vacancy.company_description }
- )}
+ ) }
- {/* Location Details */}
- {(vacancy.address || vacancy.metro_stations) && (
+ {/* Location Details */ }
+ { ( vacancy.address || vacancy.metro_stations ) && (
Местоположение
- {vacancy.address && (
+ { vacancy.address && (
-
- {vacancy.address}
+
+ { vacancy.address }
- )}
- {vacancy.metro_stations && (
+ ) }
+ { vacancy.metro_stations && (
Метро:
- {vacancy.metro_stations}
+ { vacancy.metro_stations }
- )}
+ ) }
- )}
+ ) }
- {/* Right Column - Application Form and Contact Info */}
+ {/* Right Column - Application Form and Contact Info */ }
- {/* Contact Information */}
- {(vacancy.contacts_name || vacancy.contacts_email || vacancy.contacts_phone || vacancy.url) && (
+ {/* Contact Information */ }
+ { ( vacancy.contacts_name || vacancy.contacts_email || vacancy.contacts_phone || vacancy.url ) && (
Контактная информация
- {vacancy.contacts_name && (
+ { vacancy.contacts_name && (
-
- {vacancy.contacts_name}
+
+ { vacancy.contacts_name }
- )}
- {vacancy.contacts_email && (
+ ) }
+ { vacancy.contacts_email && (
- )}
- {vacancy.contacts_phone && (
+ ) }
+ { vacancy.contacts_phone && (
- )}
- {vacancy.url && (
+ ) }
+ { vacancy.url && (
- )}
+ ) }
- )}
+ ) }
+
- {/* Application Form */}
-
)
-}
\ No newline at end of file
+}
diff --git a/app/vacancy/report/[id]/page.tsx b/app/vacancy/report/[id]/page.tsx
new file mode 100644
index 0000000..b725a4d
--- /dev/null
+++ b/app/vacancy/report/[id]/page.tsx
@@ -0,0 +1,58 @@
+'use client'
+
+import { useParams, useRouter } from 'next/navigation'
+import {
+ ArrowLeft,
+} from 'lucide-react'
+import VacancyReports from "@/components/VacancyReports";
+import { useInterviewReports } from "@/hooks/useReports";
+import React from "react";
+
+export default function VacancyPage() {
+ const params = useParams()
+ const router = useRouter()
+ const vacancyId = parseInt(params.id as string)
+
+ const { data: reports, isLoading, error } = useInterviewReports(vacancyId)
+
+ if (isLoading) {
+ return (
+
+ )
+ }
+
+ if (error || !reports) {
+ return (
+
+
+
Не удалось загрузить информацию об отчетах
+
+
+
+ )
+ }
+
+ return (
+
+
+
+
+
+
+
+ )
+}
diff --git a/components/VacancyReports.tsx b/components/VacancyReports.tsx
new file mode 100644
index 0000000..0a4d3cc
--- /dev/null
+++ b/components/VacancyReports.tsx
@@ -0,0 +1,171 @@
+import React from "react";
+import { FileText, Award, AlertTriangle, CheckCircle2 } from "lucide-react";
+
+export interface InterviewReport {
+ id: number;
+ interview_session_id: number;
+ technical_skills_score: number;
+ experience_relevance_score: number;
+ communication_score: number;
+ problem_solving_score: number;
+ cultural_fit_score: number;
+ overall_score: number;
+ recommendation: "strongly_recommend" | "recommend" | "consider" | "reject";
+ strengths: Record
;
+ weaknesses: Record;
+ red_flags: Record;
+ next_steps: string | null;
+ interviewer_notes: string | null;
+ pdf_report_url: string | null;
+}
+
+interface VacancyReportsProps {
+ reports: InterviewReport[];
+}
+
+const recommendationLabels: Record<
+ InterviewReport["recommendation"],
+ string
+> = {
+ strongly_recommend: "сильно рекомендую",
+ recommend: "рекомендую",
+ consider: "рассмотреть",
+ reject: "не рекомендую",
+};
+
+const recommendationColors: Record<
+ InterviewReport["recommendation"],
+ string
+> = {
+ strongly_recommend: "text-green-700 bg-green-100",
+ recommend: "text-blue-700 bg-blue-100",
+ consider: "text-yellow-700 bg-yellow-100",
+ reject: "text-red-700 bg-red-100",
+};
+
+const scoringLabels: Record = {
+ technical_skills_score: "Технические навыки",
+ experience_relevance_score: "Релевантность опыта",
+ communication_score: "Коммуникация",
+ problem_solving_score: "Решение задач",
+ cultural_fit_score: "Культурная совместимость",
+ overall_score: "Общая оценка",
+};
+
+const renderJsonAsList = (data: Record) => {
+ return (
+
+ {Object.entries(data).map(([key, value]) => (
+ -
+ {key}: {String(value)}
+
+ ))}
+
+ );
+};
+
+export default function VacancyReports({ reports }: VacancyReportsProps) {
+
+ return (
+
+
+ Отчёты по собеседованиям
+
+
+ {reports.length === 0 ? (
+
Пока нет отчётов по этой вакансии.
+ ) : (
+
+ {reports.map((report) => (
+
+
+
+
+ Отчёт #{report.id}
+
+
+
+ {recommendationLabels[report.recommendation]}
+
+
+
+ {Object.entries(scoringLabels).map(([key, label]) => {
+ const score = report[key as keyof InterviewReport] as number;
+ return (
+
+ {label}: {score}/10
+
+ );
+ })}
+
+
+ {report.strengths &&
+ Object.keys(report.strengths).length > 0 && (
+
+
+
+ Сильные стороны
+
+ {renderJsonAsList(report.strengths)}
+
+ )}
+
+ {report.weaknesses &&
+ Object.keys(report.weaknesses).length > 0 && (
+
+
+
+ Слабые стороны
+
+ {renderJsonAsList(report.weaknesses)}
+
+ )}
+
+ {report.red_flags && Object.keys(report.red_flags).length > 0 && (
+
+
+ 🚩 Red flags
+
+ {renderJsonAsList(report.red_flags)}
+
+ )}
+
+ {report.interviewer_notes && (
+
+
+ Заметки интервьюера
+
+
+ {report.interviewer_notes}
+
+
+ )}
+
+
+ {report.pdf_report_url && (
+
+ )}
+
+ ))}
+
+ )}
+