rede5/gohorsejobs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix locale sync for post job and candidates

Browse source
This commit is contained in:
Tiago Yamamoto 2026-01-03 19:57:09 -03:00
parent 10d75e87ae
commit ce26de6225
7 changed files with 216 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
frontend/src/app/dashboard/candidates/page.tsx
View file

@ -17,8 +17,10 @@ import {
} from "@/components/ui/dialog"
import { Search, Eye, Mail, Phone, MapPin, Briefcase } from "lucide-react"
import { adminCandidatesApi, AdminCandidate, AdminCandidateStats } from "@/lib/api"
import { useTranslation } from "@/lib/i18n"
export default function AdminCandidatesPage() {
const { t } = useTranslation()
const [searchTerm, setSearchTerm] = useState("")
const [selectedCandidate, setSelectedCandidate] = useState<AdminCandidate | null>(null)
const [candidates, setCandidates] = useState<AdminCandidate[]>([])
@ -39,7 +41,7 @@ export default function AdminCandidatesPage() {
setStats(response.stats)
} catch (error) {
if (!isMounted) return
setErrorMessage(error instanceof Error ? error.message : "Failed to load candidates")
setErrorMessage(error instanceof Error ? error.message : t("admin.candidates_page.load_error"))
} finally {
if (isMounted) {
setIsLoading(false)
@ -68,33 +70,33 @@ export default function AdminCandidatesPage() {
<div className="space-y-8">
{/* Header */}
<div>
<h1 className="text-3xl font-bold text-foreground">Candidate management</h1>
<p className="text-muted-foreground mt-1">View and manage all registered candidates</p>
<h1 className="text-3xl font-bold text-foreground">{t("admin.candidates_page.title")}</h1>
<p className="text-muted-foreground mt-1">{t("admin.candidates_page.subtitle")}</p>
</div>
{/* Stats */}
<div className="grid gap-4 md:grid-cols-4">
<Card>
<CardHeader className="pb-3">
<CardDescription>Total candidates</CardDescription>
<CardDescription>{t("admin.candidates_page.stats.total")}</CardDescription>
<CardTitle className="text-3xl">{stats?.totalCandidates ?? 0}</CardTitle>
</CardHeader>
</Card>
<Card>
<CardHeader className="pb-3">
<CardDescription>New (30 days)</CardDescription>
<CardDescription>{t("admin.candidates_page.stats.new")}</CardDescription>
<CardTitle className="text-3xl">{stats?.newCandidates ?? 0}</CardTitle>
</CardHeader>
</Card>
<Card>
<CardHeader className="pb-3">
<CardDescription>Active applications</CardDescription>
<CardDescription>{t("admin.candidates_page.stats.active")}</CardDescription>
<CardTitle className="text-3xl">{stats?.activeApplications ?? 0}</CardTitle>
</CardHeader>
</Card>
<Card>
<CardHeader className="pb-3">
<CardDescription>Hiring rate</CardDescription>
<CardDescription>{t("admin.candidates_page.stats.hiring_rate")}</CardDescription>
<CardTitle className="text-3xl">{Math.round(stats?.hiringRate ?? 0)}%</CardTitle>
</CardHeader>
</Card>
@ -107,7 +109,7 @@ export default function AdminCandidatesPage() {
<div className="relative flex-1">
<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
<Input
placeholder="Search candidates by name or email..."
placeholder={t("admin.candidates_page.search_placeholder")}
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
className="pl-10"
@ -122,26 +124,26 @@ export default function AdminCandidatesPage() {
<Table>
<TableHeader>
<TableRow>
<TableHead>Candidate</TableHead>
<TableHead>Email</TableHead>
<TableHead>Phone</TableHead>
<TableHead>Location</TableHead>
<TableHead>Applications</TableHead>
<TableHead className="text-right">Actions</TableHead>
<TableHead>{t("admin.candidates_page.table.candidate")}</TableHead>
<TableHead>{t("admin.candidates_page.table.email")}</TableHead>
<TableHead>{t("admin.candidates_page.table.phone")}</TableHead>
<TableHead>{t("admin.candidates_page.table.location")}</TableHead>
<TableHead>{t("admin.candidates_page.table.applications")}</TableHead>
<TableHead className="text-right">{t("admin.candidates_page.table.actions")}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{isLoading && (
<TableRow>
<TableCell colSpan={6} className="text-center text-sm text-muted-foreground">
Loading candidates...
{t("admin.candidates_page.table.loading")}
</TableCell>
</TableRow>
)}
{!isLoading && filteredCandidates.length === 0 && (
<TableRow>
<TableCell colSpan={6} className="text-center text-sm text-muted-foreground">
No candidates found.
{t("admin.candidates_page.table.empty")}
</TableCell>
</TableRow>
)}
@ -170,8 +172,10 @@ export default function AdminCandidatesPage() {
</DialogTrigger>
<DialogContent className="max-w-2xl">
<DialogHeader>
<DialogTitle>Candidate profile</DialogTitle>
<DialogDescription>Detailed information about {candidate.name}</DialogDescription>
<DialogTitle>{t("admin.candidates_page.dialog.title")}</DialogTitle>
<DialogDescription>
{t("admin.candidates_page.dialog.description", { name: candidate.name })}
</DialogDescription>
</DialogHeader>
{selectedCandidate && (
<div className="space-y-6">
@ -220,18 +224,18 @@ export default function AdminCandidatesPage() {
</div>
<div>
<h4 className="font-semibold mb-2">About</h4>
<h4 className="font-semibold mb-2">{t("admin.candidates_page.about.title")}</h4>
<p className="text-sm text-muted-foreground">
{selectedCandidate.bio ?? "No profile summary provided."}
{selectedCandidate.bio ?? t("admin.candidates_page.about.empty")}
</p>
</div>
<div>
<h4 className="font-semibold mb-2">Recent applications</h4>
<h4 className="font-semibold mb-2">{t("admin.candidates_page.applications.title")}</h4>
<div className="space-y-2">
{selectedCandidate.applications.length === 0 && (
<div className="text-sm text-muted-foreground">
No applications submitted yet.
{t("admin.candidates_page.applications.empty")}
</div>
)}
{selectedCandidate.applications.map((app) => (
@ -252,11 +256,11 @@ export default function AdminCandidatesPage() {
: "secondary"
}
>
{app.status === "pending" && "Pending"}
{app.status === "reviewed" && "Reviewed"}
{app.status === "shortlisted" && "Shortlisted"}
{app.status === "hired" && "Hired"}
{app.status === "rejected" && "Rejected"}
{app.status === "pending" && t("admin.candidates_page.status.pending")}
{app.status === "reviewed" && t("admin.candidates_page.status.reviewed")}
{app.status === "shortlisted" && t("admin.candidates_page.status.shortlisted")}
{app.status === "hired" && t("admin.candidates_page.status.hired")}
{app.status === "rejected" && t("admin.candidates_page.status.rejected")}
</Badge>
</div>
))}

14
frontend/src/app/post-job/page.test.tsx
View file

@ -31,8 +31,8 @@ jest.mock("sonner", () => ({
jest.mock("./translations", () => ({
translations: {
pt: {
title: "Postar uma Vaga",
en: {
title: "Post a Job",
buttons: { next: "Next Step", publish: "Publish Job", publishing: "Publishing..." },
company: {
name: "Company Name",
@ -59,6 +59,16 @@ jest.mock("./translations", () => ({
contract: { permanent: "Permanent" },
hours: { fullTime: "Full Time" },
mode: { remote: "Remote" }
},
errors: {
company_required: "Company required",
password_mismatch: "Password mismatch",
password_length: "Password length",
job_required: "Job required",
submit_failed: "Submit failed"
},
success: {
job_created: "Job created"
}
},
},

33
frontend/src/app/post-job/page.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { useState } from "react";
import { useMemo, useState } from "react";
import { useRouter } from "next/navigation";
import { translations, Language } from "./translations";
import { toast } from "sonner";
@ -18,6 +18,7 @@ import {
import { LocationPicker } from "@/components/location-picker";
import { RichTextEditor } from "@/components/rich-text-editor";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import { useTranslation } from "@/lib/i18n";
// Common Country Codes
const COUNTRY_CODES = [
@ -53,9 +54,9 @@ const getCurrencySymbol = (code: string): string => {
export default function PostJobPage() {
const router = useRouter();
const [step, setStep] = useState<1 | 2>(1);
const { locale, setLocale } = useTranslation();
// Language State
const [lang, setLang] = useState<Language>('pt');
const lang = useMemo<Language>(() => (locale === "pt-BR" ? "pt" : locale), [locale]);
const t = translations[lang];
// Helper inside to use t
@ -116,25 +117,25 @@ export default function PostJobPage() {
const validateForm = () => {
if (!company.name || !company.email || !company.password) {
toast.error("Preencha os dados obrigatórios da empresa");
toast.error(t.errors.company_required);
setStep(1); // Ensure we are on step 1 for company data errors
return false;
}
if (company.password !== company.confirmPassword) {
toast.error("As senhas não coincidem");
toast.error(t.errors.password_mismatch);
setStep(1); // Ensure we are on step 1 for password mismatch
return false;
}
if (company.password.length < 8) {
toast.error("A senha deve ter pelo menos 8 caracteres");
toast.error(t.errors.password_length);
setStep(1); // Ensure we are on step 1 for password length
return false;
}
if (!job.title || !job.description) {
toast.error("Preencha os dados da vaga");
toast.error(t.errors.job_required);
setStep(1); // Stay on step 1 for job data errors
return false;
}
@ -144,15 +145,15 @@ export default function PostJobPage() {
const handleNext = () => {
// Only validate step 1 fields to move to step 2
if (!company.name || !company.email || !company.password) {
toast.error("Preencha os dados obrigatórios da empresa");
toast.error(t.errors.company_required);
return;
}
if (company.password !== company.confirmPassword) {
toast.error("As senhas não coincidem");
toast.error(t.errors.password_mismatch);
return;
}
if (company.password.length < 8) {
toast.error("A senha deve ter pelo menos 8 caracteres");
toast.error(t.errors.password_length);
return;
}
setStep(2);
@ -225,11 +226,11 @@ export default function PostJobPage() {
localStorage.setItem("token", token);
localStorage.setItem("auth_token", token);
toast.success("Vaga criada com sucesso! Aguardando aprovação.");
toast.success(t.success.job_created);
router.push("/dashboard/jobs");
} catch (err: any) {
toast.error(err.message || "Erro ao processar solicitação");
toast.error(err.message || t.errors.submit_failed);
} finally {
setLoading(false);
}
@ -243,7 +244,13 @@ export default function PostJobPage() {
<div className="container max-w-2xl mx-auto px-4">
<div className="relative mb-8">
<div className="absolute right-0 top-0">
<Select value={lang} onValueChange={(v) => setLang(v as Language)}>
<Select
value={lang}
onValueChange={(value) => {
const nextLang = value as Language;
setLocale(nextLang === "pt" ? "pt-BR" : nextLang);
}}
>
<SelectTrigger className="w-[140px]">
<SelectValue />
</SelectTrigger>

30
frontend/src/app/post-job/translations.ts
View file

@ -87,6 +87,16 @@ export const translations = {
next: "Próximo: Confirmar",
publish: "Publicar Vaga",
publishing: "Publicando..."
},
errors: {
company_required: "Preencha os dados obrigatórios da empresa",
password_mismatch: "As senhas não coincidem",
password_length: "A senha deve ter pelo menos 8 caracteres",
job_required: "Preencha os dados da vaga",
submit_failed: "Erro ao processar solicitação"
},
success: {
job_created: "Vaga criada com sucesso! Aguardando aprovação."
}
},
en: {
@ -177,6 +187,16 @@ export const translations = {
next: "Next: Confirm",
publish: "Publish Job",
publishing: "Publishing..."
},
errors: {
company_required: "Please fill in the required company details",
password_mismatch: "Passwords do not match",
password_length: "Password must be at least 8 characters",
job_required: "Please fill in the job details",
submit_failed: "Error while processing the request"
},
success: {
job_created: "Job created successfully! Awaiting approval."
}
},
es: {
@ -267,6 +287,16 @@ export const translations = {
next: "Siguiente: Confirmar",
publish: "Publicar Empleo",
publishing: "Publicando..."
},
errors: {
company_required: "Complete los datos obligatorios de la empresa",
password_mismatch: "Las contraseñas no coinciden",
password_length: "La contraseña debe tener al menos 8 caracteres",
job_required: "Complete los datos del empleo",
submit_failed: "Error al procesar la solicitud"
},
success: {
job_created: "Empleo creado correctamente. En espera de aprobación."
}
}
}

41
frontend/src/i18n/en.json
View file

@ -771,6 +771,47 @@
"delete_error": "Failed to delete user",
"load_error": "Failed to load users"
}
},
"candidates_page": {
"title": "Candidate management",
"subtitle": "View and manage all registered candidates",
"load_error": "Failed to load candidates",
"stats": {
"total": "Total candidates",
"new": "New (30 days)",
"active": "Active applications",
"hiring_rate": "Hiring rate"
},
"search_placeholder": "Search candidates by name or email...",
"table": {
"candidate": "Candidate",
"email": "Email",
"phone": "Phone",
"location": "Location",
"applications": "Applications",
"actions": "Actions",
"loading": "Loading candidates...",
"empty": "No candidates found."
},
"dialog": {
"title": "Candidate profile",
"description": "Detailed information about {name}"
},
"about": {
"title": "About",
"empty": "No profile summary provided."
},
"applications": {
"title": "Recent applications",
"empty": "No applications submitted yet."
},
"status": {
"pending": "Pending",
"reviewed": "Reviewed",
"shortlisted": "Shortlisted",
"hired": "Hired",
"rejected": "Rejected"
}
}
},
"company": {

41
frontend/src/i18n/es.json
View file

@ -772,6 +772,47 @@
"delete_error": "Error al eliminar usuario",
"load_error": "Error al cargar usuarios"
}
},
"candidates_page": {
"title": "Gestión de candidatos",
"subtitle": "Ver y administrar todos los candidatos registrados",
"load_error": "Error al cargar candidatos",
"stats": {
"total": "Total de candidatos",
"new": "Nuevos (30 días)",
"active": "Postulaciones activas",
"hiring_rate": "Tasa de contratación"
},
"search_placeholder": "Buscar candidatos por nombre o correo...",
"table": {
"candidate": "Candidato",
"email": "Correo",
"phone": "Teléfono",
"location": "Ubicación",
"applications": "Postulaciones",
"actions": "Acciones",
"loading": "Cargando candidatos...",
"empty": "No se encontraron candidatos."
},
"dialog": {
"title": "Perfil del candidato",
"description": "Información detallada de {name}"
},
"about": {
"title": "Acerca de",
"empty": "No se proporcionó un resumen del perfil."
},
"applications": {
"title": "Postulaciones recientes",
"empty": "Aún no hay postulaciones."
},
"status": {
"pending": "Pendiente",
"reviewed": "Revisado",
"shortlisted": "Preseleccionado",
"hired": "Contratado",
"rejected": "Rechazado"
}
}
},
"company": {

41
frontend/src/i18n/pt-BR.json
View file

@ -771,6 +771,47 @@
"delete_error": "Falha ao excluir usuário",
"load_error": "Falha ao carregar usuários"
}
},
"candidates_page": {
"title": "Gestão de candidatos",
"subtitle": "Veja e gerencie todos os candidatos cadastrados",
"load_error": "Falha ao carregar candidatos",
"stats": {
"total": "Total de candidatos",
"new": "Novos (30 dias)",
"active": "Candidaturas ativas",
"hiring_rate": "Taxa de contratação"
},
"search_placeholder": "Buscar candidatos por nome ou e-mail...",
"table": {
"candidate": "Candidato",
"email": "E-mail",
"phone": "Telefone",
"location": "Localização",
"applications": "Candidaturas",
"actions": "Ações",
"loading": "Carregando candidatos...",
"empty": "Nenhum candidato encontrado."
},
"dialog": {
"title": "Perfil do candidato",
"description": "Informações detalhadas sobre {name}"
},
"about": {
"title": "Sobre",
"empty": "Nenhum resumo do perfil foi fornecido."
},
"applications": {
"title": "Candidaturas recentes",
"empty": "Nenhuma candidatura enviada ainda."
},
"status": {
"pending": "Pendente",
"reviewed": "Em análise",
"shortlisted": "Pré-selecionado",
"hired": "Contratado",
"rejected": "Rejeitado"
}
}
},
"company": {