- {t.date}
- {t.desc}
- {t.amount}
+ {transaction.date}
+ {transaction.desc}
+ {transaction.amount}
-
Notification Settings Hub
-
Choose how you want to receive alerts
+
{t('notification_settings_hub', 'Notification Settings Hub')}
+
{t('notification_settings_desc', 'Choose how you want to receive alerts')}
{[
- { title: 'Email Alerts', desc: 'Receive vetted worker recommendations and visa updates.' },
- { title: 'SMS Instant Receipts', desc: 'Get SMS notifications for interview schedules.' },
- { title: 'Push Notifications', desc: 'Get desktop sound alerts for new direct messages.' }
+ { title: t('email_alerts', 'Email Alerts'), desc: t('email_alerts_desc', 'Receive vetted worker recommendations and visa updates.') },
+ { title: t('sms_alerts', 'SMS Instant Receipts'), desc: t('sms_alerts_desc', 'Get SMS notifications for interview schedules.') },
+ { title: t('push_alerts', 'Push Notifications'), desc: t('push_alerts_desc', 'Get desktop sound alerts for new direct messages.') }
].map((n, i) => (
@@ -514,7 +511,7 @@ export default function Profile({ employerProfile }) {
setProfile({ ...profile, notifications: !profile.notifications })}
+ onClick={() => setData('notifications', !profile.notifications)}
className={`w-10 h-6 rounded-full p-1 transition-all ${profile.notifications ? 'bg-[#185FA5]' : 'bg-slate-200'}`}
>
@@ -529,20 +526,21 @@ export default function Profile({ employerProfile }) {
{saved ? (
Changes saved successfully
+ {t('changes_saved', 'Changes saved successfully')}
) : (
- Some updates may require Emirates ID re-verification.
+ {t('emirates_id_reverification_notice', 'Some updates may require Emirates ID re-verification.')}
)}
Update Settings
+ {t('update_settings', 'Update Settings')}
diff --git a/resources/js/Pages/Employer/SelectedCandidates.jsx b/resources/js/Pages/Employer/SelectedCandidates.jsx
index 4fe85e9..8395f74 100644
--- a/resources/js/Pages/Employer/SelectedCandidates.jsx
+++ b/resources/js/Pages/Employer/SelectedCandidates.jsx
@@ -1,6 +1,7 @@
import React, { useState, useEffect } from 'react';
import { Head, Link, router } from '@inertiajs/react';
import EmployerLayout from '../../Layouts/EmployerLayout';
+import { useTranslation } from '../../lib/LanguageContext';
import {
CheckCircle2,
Globe2,
@@ -31,6 +32,7 @@ import {
} from '@/components/ui/dropdown-menu';
export default function SelectedCandidates({ selectedWorkers }) {
+ const { t } = useTranslation();
const [workers, setWorkers] = useState((selectedWorkers || []).filter(w => w.status !== 'Searching'));
const [searchTerm, setSearchTerm] = useState('');
@@ -50,35 +52,35 @@ export default function SelectedCandidates({ selectedWorkers }) {
const stats = [
{
- label: 'Total Candidates',
+ label: t('total_candidates', 'Total Candidates'),
count: workers.length,
icon: Users,
color: 'text-slate-600',
bg: 'bg-slate-50'
},
{
- label: 'Reviewing',
+ label: t('reviewing', 'Reviewing'),
count: workers.filter(w => w.status === 'Reviewing' || !w.status).length,
icon: Search,
color: 'text-amber-600',
bg: 'bg-amber-50'
},
{
- label: 'Offer Sent',
+ label: t('offer_sent', 'Offer Sent'),
count: workers.filter(w => w.status === 'Offer Sent').length,
icon: Send,
color: 'text-blue-600',
bg: 'bg-blue-50'
},
{
- label: 'Hired',
+ label: t('hired', 'Hired'),
count: workers.filter(w => w.status === 'Hired').length,
icon: CheckCircle2,
color: 'text-emerald-600',
bg: 'bg-emerald-50'
},
{
- label: 'Rejected',
+ label: t('rejected', 'Rejected'),
count: workers.filter(w => w.status === 'Rejected').length,
icon: UserCheck,
color: 'text-rose-600',
@@ -87,15 +89,15 @@ export default function SelectedCandidates({ selectedWorkers }) {
];
return (
-
-
+
+
{/* Header Section */}
-
Candidates
-
Manage your workforce recruitment pipeline
+
{t('candidates_pipeline', 'Candidates')}
+
{t('candidates_pipeline_desc', 'Manage your workforce recruitment pipeline')}
@@ -121,7 +123,7 @@ export default function SelectedCandidates({ selectedWorkers }) {
setSearchTerm(e.target.value)}
@@ -146,12 +148,12 @@ export default function SelectedCandidates({ selectedWorkers }) {
- Candidate
- Selected
- Category
- Salary
- Status
- Actions
+ {t('candidate_header', 'Candidate')}
+ {t('selected_header', 'Selected')}
+ {t('category_header', 'Category')}
+ {t('salary_header', 'Salary')}
+ {t('status_header', 'Status')}
+ {t('actions_header', 'Actions')}
@@ -191,25 +193,28 @@ export default function SelectedCandidates({ selectedWorkers }) {
worker.status === 'Offer Sent' ? 'bg-blue-500' :
'bg-amber-500'
}`} />
- {(worker.status || 'Reviewing').toUpperCase()}
+ {worker.status === 'Hired' ? t('hired', 'Hired').toUpperCase() :
+ worker.status === 'Rejected' ? t('rejected', 'Rejected').toUpperCase() :
+ worker.status === 'Offer Sent' ? t('offer_sent', 'Offer Sent').toUpperCase() :
+ t('reviewing', 'Reviewing').toUpperCase()}
- Change Status
+ {t('change_status_label', 'Change Status')}
changeStatus(worker.id, 'Reviewing')} className="text-xs font-bold text-slate-600 focus:text-amber-700 focus:bg-amber-50 rounded-lg cursor-pointer">
- Reviewing
+ {t('reviewing', 'Reviewing')}
changeStatus(worker.id, 'Offer Sent')} className="text-xs font-bold text-slate-600 focus:text-blue-700 focus:bg-blue-50 rounded-lg cursor-pointer">
- Offer Sent
+ {t('offer_sent', 'Offer Sent')}
changeStatus(worker.id, 'Hired')} className="text-xs font-bold text-slate-600 focus:text-emerald-700 focus:bg-emerald-50 rounded-lg cursor-pointer">
- Hired
+ {t('hired', 'Hired')}
changeStatus(worker.id, 'Rejected')} className="text-xs font-bold text-rose-600 focus:text-rose-700 focus:bg-rose-50 rounded-lg cursor-pointer">
- Rejected
+ {t('rejected', 'Rejected')}
@@ -237,7 +242,7 @@ export default function SelectedCandidates({ selectedWorkers }) {
-
No candidates found
+
{t('no_candidates_found', 'No candidates found')}
@@ -249,7 +254,10 @@ export default function SelectedCandidates({ selectedWorkers }) {
{/* Pagination Footer */}
- Showing 1 to {workers.length} of {workers.length} candidates
+ {t('showing_candidates', 'Showing {start} to {end} of {total} candidates')
+ .replace('{start}', 1)
+ .replace('{end}', workers.length)
+ .replace('{total}', workers.length)}
PREV
diff --git a/resources/js/Pages/Employer/Shortlist.jsx b/resources/js/Pages/Employer/Shortlist.jsx
index 14dcb95..a496619 100644
--- a/resources/js/Pages/Employer/Shortlist.jsx
+++ b/resources/js/Pages/Employer/Shortlist.jsx
@@ -1,6 +1,7 @@
import React, { useState, useMemo } from 'react';
import { Head, Link, router } from '@inertiajs/react';
import EmployerLayout from '../../Layouts/EmployerLayout';
+import { useTranslation } from '../../lib/LanguageContext';
import {
CheckCircle2,
Globe2,
@@ -34,6 +35,7 @@ const getLanguageFlag = (lang) => {
};
export default function Shortlist({ shortlistedWorkers }) {
+ const { t } = useTranslation();
const [workers, setWorkers] = useState(shortlistedWorkers || []);
// Comparison & Quick Preview State
@@ -56,7 +58,7 @@ export default function Shortlist({ shortlistedWorkers }) {
setComparisonIds(comparisonIds.filter(i => i !== id));
} else {
if (comparisonIds.length >= 3) {
- alert('You can compare a maximum of 3 candidates.');
+ alert(t('max_compare_alert', 'You can compare a maximum of 3 candidates.'));
return;
}
setComparisonIds([...comparisonIds, id]);
@@ -68,19 +70,21 @@ export default function Shortlist({ shortlistedWorkers }) {
}, [workers, comparisonIds]);
return (
-
-
+
+
- You have {workers.length} candidates saved for review
+ {t('candidates_saved', 'You have {count} candidates saved for review').split('{count}')[0]}
+ {workers.length}
+ {t('candidates_saved', 'You have {count} candidates saved for review').split('{count}')[1]}
-
Browse more workers
+
{t('browse_more', 'Browse more workers')}
@@ -110,7 +114,7 @@ export default function Shortlist({ shortlistedWorkers }) {
{worker.verified && (
Verified
+ {t('verified', 'Verified')}
)}
@@ -124,12 +128,12 @@ export default function Shortlist({ shortlistedWorkers }) {
{worker.visa_status && (worker.visa_status.toLowerCase().includes('tourist') || worker.visa_status.toLowerCase().includes('visit')) ? (
-
{worker.visa_status} (Warning)
+
{worker.visa_status} ({t('warning', 'Warning')})
) : worker.visa_status && worker.visa_status.toLowerCase().includes('cancelled') ? (
-
{worker.visa_status} (Warning)
+
{worker.visa_status} ({t('warning', 'Warning')})
) : (
@@ -161,7 +165,7 @@ export default function Shortlist({ shortlistedWorkers }) {
type="button"
onClick={() => removeWorker(worker.id)}
className="p-2 bg-rose-50 text-rose-600 hover:bg-rose-100 rounded-xl transition-colors border border-rose-100"
- title="Remove from shortlist"
+ title={t('remove_from_shortlist', 'Remove from shortlist')}
>
@@ -203,7 +207,7 @@ export default function Shortlist({ shortlistedWorkers }) {
{/* Core exact platform Skills List */}
-
Platform Skills
+
{t('platform_skills', 'Platform Skills')}
{worker.skills?.map(skill => (
@@ -215,7 +219,7 @@ export default function Shortlist({ shortlistedWorkers }) {
{/* Languages Badges with Visual Flags */}
-
Languages Spoken
+
{t('languages_spoken', 'Languages Spoken')}
{worker.languages?.map(lang => (
@@ -236,7 +240,7 @@ export default function Shortlist({ shortlistedWorkers }) {
className="w-full bg-slate-50 border border-slate-200 hover:bg-slate-100 text-slate-700 rounded-xl h-10 font-bold text-xs flex items-center justify-center transition-colors space-x-1"
>
Quick Preview
+ {t('quick_preview', 'Quick Preview')}
- {isComparing ? 'Comparing ✓' : 'Compare Candidate'}
+ {isComparing ? t('comparing_active', 'Comparing ✓') : t('compare_candidate', 'Compare Candidate')}
@@ -257,14 +261,14 @@ export default function Shortlist({ shortlistedWorkers }) {
href={`/employer/workers/${worker.id}`}
className="w-full bg-slate-100 hover:bg-slate-200 text-slate-700 rounded-xl h-10 font-bold text-xs flex items-center justify-center transition-colors"
>
- Open Profile
+ {t('open_profile', 'Open Profile')}
-
Message
+
{t('message', 'Message')}
@@ -276,15 +280,15 @@ export default function Shortlist({ shortlistedWorkers }) {
) : (
-
Your shortlist is empty
+
{t('shortlist_empty', 'Your shortlist is empty')}
- Explore candidate profiles and add them to your saved shortlist.
+ {t('shortlist_empty_desc', 'Explore candidate profiles and add them to your saved shortlist.')}
- Find Workers Now
+ {t('find_workers_now', 'Find Workers Now')}
)}
@@ -295,14 +299,14 @@ export default function Shortlist({ shortlistedWorkers }) {
Comparing Workers ({comparedWorkers.length} of 3)
+ {t('comparing_workers', 'Comparing Workers')} ({comparedWorkers.length} of 3)
setComparisonIds([])}
className="text-xs font-bold text-rose-600 hover:underline flex items-center space-x-1"
>
Clear all
+ {t('clear_all', 'Clear all')}
@@ -393,17 +397,17 @@ export default function Shortlist({ shortlistedWorkers }) {
) : (
- No bio details provided.
+ {t('no_bio_provided', 'No bio details provided.')}
)}
-
Expectations
+
{t('expectations', 'Expectations')}
{previewWorker.salary} AED / mo
-
Languages
+
{t('languages', 'Languages')}
{previewWorker.languages?.map(lang => (
@@ -414,7 +418,7 @@ export default function Shortlist({ shortlistedWorkers }) {
-
Availability Status
+
{t('availability_status_label', 'Availability Status')}
-
Job Preference
+
{t('job_preference', 'Job Preference')}
{previewWorker.preferred_job_type}
{/* Core Platform Skills inside Quick Preview */}
-
Platform Skills
+
{t('platform_skills', 'Platform Skills')}
{previewWorker.skills?.map(skill => (
@@ -447,13 +451,13 @@ export default function Shortlist({ shortlistedWorkers }) {
className="flex-1 border border-rose-200 hover:bg-rose-50 text-rose-600 rounded-xl h-11 text-xs font-bold flex items-center justify-center space-x-2"
>
Remove Shortlist
+ {t('remove_shortlist', 'Remove Shortlist')}
diff --git a/resources/js/Pages/Employer/Subscription.jsx b/resources/js/Pages/Employer/Subscription.jsx
index 14d13e9..e77114b 100644
--- a/resources/js/Pages/Employer/Subscription.jsx
+++ b/resources/js/Pages/Employer/Subscription.jsx
@@ -1,6 +1,7 @@
import React, { useState } from 'react';
import { Head } from '@inertiajs/react';
import EmployerLayout from '../../Layouts/EmployerLayout';
+import { useTranslation } from '../../lib/LanguageContext';
import {
CreditCard,
CheckCircle2,
@@ -22,6 +23,7 @@ import {
import { toast } from 'sonner';
export default function Subscription({ currentPlan, expiresAt, plans }) {
+ const { t } = useTranslation();
const [selectedPlan, setSelectedPlan] = useState(null);
const [showPayTabsModal, setShowPayTabsModal] = useState(false);
const [showSuccess, setShowSuccess] = useState(false);
@@ -53,7 +55,7 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
e.preventDefault();
if (cardNumber.length < 16) {
- toast.error("💳 Invalid card number format");
+ toast.error(`💳 ${t('invalid_card_format', 'Invalid card number format')}`);
return;
}
@@ -71,8 +73,8 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
};
setInvoices([newInvoice, ...invoices]);
- toast.success(`🎉 Payment Approved by PayTabs!`, {
- description: `Successfully subscribed to ${selectedPlan.name}. Premium access limits updated instantly.`,
+ toast.success(`🎉 ${t('payment_approved', 'Payment Approved by PayTabs!')}`, {
+ description: t('successfully_subscribed_desc', 'Successfully subscribed to {plan}. Premium access limits updated instantly.').replace('{plan}', selectedPlan.name),
duration: 5000,
});
@@ -87,8 +89,8 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
const triggerFailedPaymentSimulation = () => {
setSimulatedFailedState(true);
- toast.warning("Simulated billing failure triggered!", {
- description: "An automatic system warning will now request payment retry options."
+ toast.warning(t('simulated_billing_failure_triggered', 'Simulated billing failure triggered!'), {
+ description: t('simulated_billing_failure_desc', 'An automatic system warning will now request payment retry options.')
});
};
@@ -100,14 +102,14 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
};
const downloadReceipt = (invoiceId) => {
- toast.success(`📄 Invoice ${invoiceId} generated`, {
- description: "Direct MOHRE Sponsor receipt downloaded in PDF format successfully."
+ toast.success(`📄 ${t('invoice_generated', 'Invoice {id} generated').replace('{id}', invoiceId)}`, {
+ description: t('invoice_download_desc', 'Direct MOHRE Sponsor receipt downloaded in PDF format successfully.')
});
};
return (
-
-
+
+
@@ -119,8 +121,8 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
-
Your recurrent subscription billing has FAILED!
-
Card renewal on May 22 failed due to insufficient funds. Retry using PayTabs to avoid profile lockout.
+
{t('recurrent_billing_failed', 'Your recurrent subscription billing has FAILED!')}
+
{t('recurrent_billing_failed_desc', 'Card renewal failed due to insufficient funds. Retry using PayTabs to avoid profile lockout.')}
Retry Payment Now
+ {t('retry_payment_now', 'Retry Payment Now')}
)}
@@ -140,10 +142,10 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
-
Active Plan Pass
+
{t('active_plan_pass', 'Active Plan Pass')}
{activePlan}
- Renewing via auto-payment on {expiresAt}
+ {t('renewing_auto_payment_on', 'Renewing via auto-payment on')} {expiresAt}
@@ -154,11 +156,11 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
className="text-[10px] font-black text-slate-400 hover:text-slate-600 underline"
title="Simulate card failure to test retry mechanism"
>
- Simulate Billing Failure
+ {t('simulate_billing_failure', 'Simulate Billing Failure')}
Verified Sponsor Status
+ {t('verified_sponsor_status', 'Verified Sponsor Status')}
@@ -166,15 +168,15 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
{showSuccess && (
Sponsor Pass updated successfully! PayTabs transaction logged.
+ {t('sponsor_pass_updated', 'Sponsor Pass updated successfully! PayTabs transaction logged.')}
)}
{/* Available Plan Tiers Pricing Grid */}
-
Available Subscription Tiers
-
Upgrade or cancel anytime. All contracts compliant with UAE Tadbeer MOHRE guides.
+
{t('available_subscription_tiers', 'Available Subscription Tiers')}
+
{t('available_subscription_tiers_desc', 'Upgrade or cancel anytime. All contracts compliant with UAE Tadbeer MOHRE guides.')}
@@ -192,7 +194,7 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
>
{plan.popular && (
- Most Popular Tier
+ {t('most_popular_tier', 'Most Popular Tier')}
)}
@@ -225,7 +227,7 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
: 'bg-[#185FA5] hover:bg-[#144f8a] text-white'
}`}
>
- {isCurrent ? 'Current Active Tier ✓' : 'Select Plan Tier'}
+ {isCurrent ? t('current_active_tier', 'Current Active Tier ✓') : t('select_plan_tier', 'Select Plan Tier')}
@@ -241,9 +243,9 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
Billing Payment Receipts
+ {t('billing_payment_receipts', 'Billing Payment Receipts')}
-
Tax Compliant invoices
+
{t('tax_compliant_invoices', 'Tax Compliant invoices')}
@@ -283,13 +285,13 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
{/* Sponsor Billing Details Form */}
-
Corporate Details
-
Update tax invoicing options.
+
{t('corporate_details', 'Corporate Details')}
+
{t('update_tax_invoicing', 'Update tax invoicing options.')}
@@ -334,21 +336,21 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
PayTabs Secured Checkout
+ {t('paytabs_secured_checkout', 'PayTabs Secured Checkout')}
- Gateway v4.0
+ {t('gateway_version', 'Gateway v4.0')}
{/* Order Summary */}
-
Order description
+
{t('order_description', 'Order description')}
{selectedPlan.name} Subscription
-
Total amount
+
{t('total_amount', 'Total amount')}
{selectedPlan.price}
@@ -357,7 +359,7 @@ export default function Subscription({ currentPlan, expiresAt, plans }) {
@@ -317,7 +319,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{/* Nationality */}
-
Nationality
+
{t('nationality')}
setSelectedNationality(e.target.value)}
@@ -331,7 +333,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{/* Skills */}
-
Skills
+
{t('skills')}
{
@@ -343,8 +345,8 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
>
{selectedSkills.length === 0
- ? 'Select Skills'
- : `${selectedSkills.length} Selected`}
+ ? t('select_skills')
+ : `${selectedSkills.length} ${t('selected')}`}
@@ -367,7 +369,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{/* Language */}
-
Language
+
{t('languages_spoken', 'Language')}
{
@@ -379,8 +381,8 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
>
{selectedLanguages.length === 0
- ? 'Select Languages'
- : `${selectedLanguages.length} Selected`}
+ ? t('select_languages')
+ : `${selectedLanguages.length} ${t('selected')}`}
@@ -403,7 +405,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{/* Availability */}
-
Availability
+
{t('availability_status', 'Availability')}
setSelectedAvailability(e.target.value)}
@@ -417,7 +419,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{/* Visa Status */}
-
Visa Status
+
{t('visa_status', 'Visa Status')}
{
@@ -429,8 +431,8 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
>
{selectedVisaStatuses.length === 0
- ? 'Select Visa Status'
- : `${selectedVisaStatuses.length} Selected`}
+ ? t('select_visa_status')
+ : `${selectedVisaStatuses.length} ${t('selected')}`}
@@ -456,11 +458,13 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{/* Listing metadata bar */}
- Found {filteredWorkers.length} domestic workers matching search
+ {t('found_workers_matching').split('{count}')[0]}
+ {filteredWorkers.length}
+ {t('found_workers_matching').split('{count}')[1]}
MOHRE UAE Direct Sponsoring Active
+ {t('direct_sponsoring_active')}
@@ -492,7 +496,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{worker.verified && (
Verified
+ {t('verified')}
)}
-
{worker.visa_status} (Warning)
+
{worker.visa_status} ({t('warning', 'Warning')})
) : worker.visa_status && worker.visa_status.toLowerCase().includes('cancelled') ? (
-
{worker.visa_status} (Warning)
+
{worker.visa_status} ({t('warning', 'Warning')})
) : (
@@ -524,7 +528,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{worker.nationality}
•
- {worker.age} yrs
+ {worker.age} {t('yrs', 'yrs')}
@@ -564,8 +568,8 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{worker.salary} AED
- /mo
+ {worker.salary} {t('aed', 'AED')}
+ /{t('mo', 'mo')}
Exp: {worker.experience}
+ {t('experience', 'Exp')}: {worker.experience}
{worker.rating} ({worker.reviews_count} reviews)
+ {worker.rating} ({worker.reviews_count} {t('reviews', 'reviews')})
{/* Core exact platform Skills List */}
-
Platform Skills
+
{t('platform_skills', 'Platform Skills')}
{worker.skills?.map(skill => (
@@ -600,7 +604,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
{/* Languages Badges with Visual Flags */}
-
Languages Spoken
+
{t('languages_spoken', 'Languages Spoken')}
{worker.languages?.map(lang => (
@@ -621,7 +625,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
className="w-full bg-slate-50 border border-slate-200 hover:bg-slate-100 text-slate-700 rounded-xl h-10 font-bold text-xs flex items-center justify-center transition-colors space-x-1"
>
Quick Preview
+ {t('quick_preview')}
- {isComparing ? 'Comparing ✓' : 'Compare Candidate'}
+ {isComparing ? t('comparing', 'Comparing ✓') : t('compare_candidate', 'Compare Candidate')}
@@ -641,7 +645,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
href={`/employer/workers/${worker.id}`}
className="w-full bg-[#185FA5] hover:bg-[#144f8a] text-white rounded-xl h-10 font-bold text-xs flex items-center justify-center transition-colors shadow-xs"
>
- Open Full Profile
+ {t('open_full_profile')}
@@ -652,16 +656,16 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
) : (
-
No candidates match your filters
+
{t('no_candidates_matching')}
- Try adjusting your salary limit, adding additional languages, or broadening nationality preferences.
+ {t('adjust_filters_desc')}
- Reset Filters
+ {t('reset_filters')}
)}
@@ -673,7 +677,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
onClick={() => setVisibleCount(visibleCount + 6)}
className="bg-white border border-slate-200 hover:bg-slate-50 text-[#185FA5] px-8 py-3 rounded-xl text-xs font-bold transition-all shadow-xs"
>
- Load More Workers
+ {t('load_more_workers')}
Comparing Workers ({comparedWorkers.length} of 3)
+
+ {t('comparing_workers_count').replace('{count}', comparedWorkers.length)}
+
setComparisonIds([])}
className="text-xs font-bold text-rose-600 hover:underline flex items-center space-x-1"
>
Clear all
+ {t('clear_all', 'Clear all')}
@@ -720,14 +726,14 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
-
Salary: {w.salary} AED
-
Age: {w.age} yrs
-
Job Type: {w.preferred_job_type}
-
Status: {w.availability_status}
+
{t('salary', 'Salary')}: {w.salary} {t('aed', 'AED')}
+
{t('age', 'Age')}: {w.age} {t('yrs', 'yrs')}
+
{t('job_type', 'Job Type')}: {w.preferred_job_type}
+
{t('status', 'Status')}: {w.availability_status}
-
Skills
+
{t('skills')}
{w.skills?.map(skill => (
@@ -781,11 +787,11 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
-
Expectations
-
{previewWorker.salary} AED / mo
+
{t('expectations', 'Expectations')}
+
{previewWorker.salary} {t('aed', 'AED')} / {t('mo', 'mo')}
-
Languages
+
{t('languages_spoken', 'Languages')}
{previewWorker.languages?.map(lang => (
@@ -796,7 +802,7 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
-
Availability Status
+
{t('availability_status', 'Availability Status')}
-
Job Preference
+
{t('job_preference', 'Job Preference')}
{previewWorker.preferred_job_type}
{/* Core Platform Skills inside Quick Preview */}
-
Platform Skills
+
{t('platform_skills', 'Platform Skills')}
{previewWorker.skills?.map(skill => (
@@ -829,13 +835,13 @@ export default function Index({ initialWorkers = [], initialShortlistedIds = [],
className="flex-1 border border-slate-200 hover:bg-slate-50 rounded-xl h-11 text-xs font-bold text-slate-700 flex items-center justify-center space-x-2"
>
{shortlistedIds.includes(previewWorker.id) ? 'Shortlisted ✓' : 'Add to Shortlist'}
+ {shortlistedIds.includes(previewWorker.id) ? t('shortlisted', 'Shortlisted ✓') : t('add_to_shortlist', 'Add to Shortlist')}
{
};
export default function Show({ worker }) {
+ const { t } = useTranslation();
const [showReportModal, setShowReportModal] = useState(false);
const [reportReason, setReportReason] = useState('');
const [reportDetails, setReportDetails] = useState('');
@@ -57,20 +59,20 @@ export default function Show({ worker }) {
const handleShare = () => {
navigator.clipboard.writeText(window.location.href);
- toast.success("📋 Profile link copied to clipboard!", {
- description: "You can now share this URL with your family or sponsor contacts."
+ toast.success(t('profile_link_copied', 'Profile link copied to clipboard!'), {
+ description: t('profile_link_copied_desc', 'You can now share this URL with your family or sponsor contacts.')
});
};
const handleReportSubmit = (e) => {
e.preventDefault();
if (!reportReason) {
- toast.error("Please select a reason for reporting.");
+ toast.error(t('select_report_reason', 'Please select a reason for reporting.'));
return;
}
- toast.success("🛡️ Worker report submitted successfully", {
- description: "Our admin compliance team will investigate this worker's credentials within 24 hours."
+ toast.success(t('report_submitted', 'Worker report submitted successfully'), {
+ description: t('report_submitted_desc', "Our admin compliance team will investigate this worker's credentials within 24 hours.")
});
setShowReportModal(false);
setReportReason('');
@@ -80,21 +82,21 @@ export default function Show({ worker }) {
const handleReviewSubmit = (e) => {
e.preventDefault();
if (!newComment.trim()) {
- toast.error("Please add a comment.");
+ toast.error(t('add_comment', 'Please add a comment.'));
return;
}
const newReview = {
id: Date.now(),
- employer_name: "You (Verified Sponsor)",
+ employer_name: t('you_verified_sponsor', 'You (Verified Sponsor)'),
rating: newRating,
- date: "Today",
+ date: t('today', 'Today'),
comment: newComment,
};
setWorkerReviews([newReview, ...workerReviews]);
- toast.success("⭐ Review posted successfully!", {
- description: "Your trust feedback is live and helps other sponsors hire securely."
+ toast.success(t('review_posted', 'Review posted successfully!'), {
+ description: t('review_posted_desc', 'Your trust feedback is live and helps other sponsors hire securely.')
});
setShowReviewModal(false);
setNewComment('');
@@ -105,7 +107,7 @@ export default function Show({ worker }) {
router.post('/employer/shortlist/toggle', { worker_id: worker.id }, {
preserveScroll: true,
onSuccess: () => {
- toast.success(isShortlisted ? "Removed from Shortlist" : "Added to Shortlist");
+ toast.success(isShortlisted ? t('removed_from_shortlist', 'Removed from Shortlist') : t('added_to_shortlist', 'Added to Shortlist'));
}
});
};
@@ -113,13 +115,13 @@ export default function Show({ worker }) {
const handleMarkHired = () => {
setAvailabilityStatus('Hired');
setShowHiredModal(true);
- toast.success("🎉 Worker successfully marked as Hired!", {
- description: "Sponsorship direct match finalized. Please leave an anonymous trust review!"
+ toast.success(t('marked_hired', 'Worker successfully marked as Hired!'), {
+ description: t('marked_hired_desc', 'Sponsorship direct match finalized. Please leave an anonymous trust review!')
});
};
return (
-
+
@@ -131,7 +133,7 @@ export default function Show({ worker }) {
className="inline-flex items-center space-x-2 text-xs font-black text-slate-500 hover:text-[#185FA5] transition-colors"
>
-
BACK TO FIND WORKERS
+
{t('back_to_find_workers', 'BACK TO FIND WORKERS')}
{/* Quick Profile Actions */}
@@ -142,7 +144,7 @@ export default function Show({ worker }) {
title="Share Profile link"
>
-
Share Profile
+
{t('share_profile', 'Share Profile')}
Report Worker
+ {t('report_worker', 'Report Worker')}
@@ -175,7 +177,7 @@ export default function Show({ worker }) {
{worker.verified && (
Verified
+ {t('verified')}
)}
@@ -198,12 +200,12 @@ export default function Show({ worker }) {
{worker.visa_status && (worker.visa_status.toLowerCase().includes('tourist') || worker.visa_status.toLowerCase().includes('visit')) ? (
-
{worker.visa_status} (Warning: Visit Visa)
+
{worker.visa_status} ({t('warning', 'Warning')}: {t('visit_visa', 'Visit Visa')})
) : worker.visa_status && worker.visa_status.toLowerCase().includes('cancelled') ? (
-
{worker.visa_status} (Warning: Cancelled)
+
{worker.visa_status} ({t('warning', 'Warning')}: {t('cancelled', 'Cancelled')})
) : (
@@ -218,13 +220,13 @@ export default function Show({ worker }) {
{worker.nationality}
•
- {worker.age} Years Old
+ {worker.age} {t('years_old', 'Years Old')}
•
{worker.category}
{worker.rating} / 5.0 ({workerReviews.length} reviews)
+ {worker.rating} / 5.0 ({workerReviews.length} {t('reviews', 'reviews')})
@@ -250,7 +252,7 @@ export default function Show({ worker }) {
className="bg-white border border-slate-250 hover:bg-slate-50 px-6 py-3 rounded-xl font-bold text-sm shadow-xs transition-colors flex items-center justify-center space-x-2 text-slate-700 flex-1 sm:flex-initial"
>
-
Start Direct Chat
+
{t('start_direct_chat', 'Start Direct Chat')}
{/* Stage 4 Hire: Mark Hired (Finalize Hiring Direct Flow) */}
@@ -260,7 +262,7 @@ export default function Show({ worker }) {
className="bg-emerald-600 hover:bg-emerald-700 text-white border border-emerald-700 px-8 py-3 rounded-xl font-black text-sm shadow-md transition-all flex items-center justify-center space-x-2 flex-1 sm:flex-initial scale-105 active:scale-100"
>
-
Mark Hired
+
{t('mark_hired_action', 'Mark Hired')}
-
Sponsorship Details
+
{t('sponsorship_details', 'Sponsorship Details')}
Salary Expectations
+ {t('salary_expectations', 'Salary Expectations')}
-
{worker.salary} AED / mo
+
{worker.salary} {t('aed', 'AED')} / {t('mo', 'mo')}
Availability Status
+ {t('availability_status', 'Availability Status')}
{availabilityStatus}
@@ -293,7 +295,7 @@ export default function Show({ worker }) {
Work Experience
+ {t('work_experience', 'Work Experience')}
{worker.experience}
@@ -301,7 +303,7 @@ export default function Show({ worker }) {
Preferred Job Type
+ {t('preferred_job_type', 'Preferred Job Type')}
{worker.preferred_job_type}
@@ -309,7 +311,7 @@ export default function Show({ worker }) {
Emirates ID Vetting
+ {t('emirates_id_vetting', 'Emirates ID Vetting')}
{worker.emirates_id_status}
@@ -317,7 +319,7 @@ export default function Show({ worker }) {
Visa Status
+ {t('visa_status', 'Visa Status')}
{worker.visa_status}
@@ -325,10 +327,10 @@ export default function Show({ worker }) {
Medical Health Test
+ {t('medical_health_test', 'Medical Health Test')}
- PASSED CERTIFIED
+ {t('passed_certified', 'PASSED CERTIFIED')}
@@ -337,7 +339,7 @@ export default function Show({ worker }) {
Languages Spoken
+ {t('languages_spoken', 'Languages Spoken')}
{worker.languages?.map(lang => (
@@ -354,7 +356,7 @@ export default function Show({ worker }) {
{/* Professional Summary */}
-
Professional Summary
+
{t('professional_summary', 'Professional Summary')}
"{worker.bio}"
@@ -362,7 +364,7 @@ export default function Show({ worker }) {
{/* Verified Skills & Competencies */}
-
Verified Skills & Competencies
+
{t('verified_skills_competencies', 'Verified Skills & Competencies')}
{worker.skills?.map(skill => (
@@ -377,39 +379,39 @@ export default function Show({ worker }) {
Verified Legal Documents (UAE MOHRE Vetted)
+ {t('verified_legal_docs', 'Verified Legal Documents (UAE MOHRE Vetted)')}
{/* Document Card: Passport */}
- Passport (Verified)
+ {t('passport_verified', 'Passport (Verified)')}
Click zoom
+ {t('click_zoom', 'Click zoom')}
-
Document ID
+
{t('document_id', 'Document ID')}
L82739102-UAE
-
Issue
+
{t('issue_date', 'Issue')}
12 Jan 2021
-
Expiry
+
{t('expiry_date', 'Expiry')}
11 Jan 2031
-
OCR Match
+
{t('ocr_match', 'OCR Match')}
@@ -424,31 +426,31 @@ export default function Show({ worker }) {
{/* Document Card: Emirates ID */}
- Emirates ID (PDPL Compliant)
+ {t('emirates_id_pdpl', 'Emirates ID (PDPL Compliant)')}
Scan Purged
- UAE PDPL compliant
+ {t('scan_purged', 'Scan Purged')}
+ {t('uae_pdpl_compliant', 'UAE PDPL compliant')}
-
Verification Type
-
Emirates ID OCR
+
{t('verification_type', 'Verification Type')}
+
{t('emirates_id_ocr', 'Emirates ID OCR')}
-
Status
+
{t('status', 'Status')}
{worker.emirates_id_status}
-
Physical Scan Storage
-
Permanently Purged
+
{t('physical_scan_storage', 'Physical Scan Storage')}
+
{t('permanently_purged', 'Permanently Purged')}
@@ -457,7 +459,7 @@ export default function Show({ worker }) {
{/* Document Card: Visa */}
-
Entry Visa (Verified)
+
{t('entry_visa_verified', 'Entry Visa (Verified)')}
{worker.visa_status && (worker.visa_status.toLowerCase().includes('tourist') || worker.visa_status.toLowerCase().includes('visit') || worker.visa_status.toLowerCase().includes('cancelled')) ? (
) : (
@@ -467,29 +469,29 @@ export default function Show({ worker }) {
Click zoom
+ {t('click_zoom', 'Click zoom')}
-
Visa Category
+
{t('visa_category', 'Visa Category')}
{worker.visa_status}
-
Vetting status
+
{t('vetting_status', 'Vetting status')}
{worker.visa_status && (worker.visa_status.toLowerCase().includes('tourist') || worker.visa_status.toLowerCase().includes('visit')) ? (
- Transfer Required
+ {t('transfer_required', 'Transfer Required')}
) : worker.visa_status && worker.visa_status.toLowerCase().includes('cancelled') ? (
- Needs Regularization
+ {t('needs_regularization', 'Needs Regularization')}
) : (
<>
Clear Records
+ {t('clear_records', 'Clear Records')}
)}
@@ -508,14 +510,14 @@ export default function Show({ worker }) {
-
Sponsor Reviews & Star Ratings
-
Ratings can only be posted by verified sponsors who completed verified direct hiring.
+
{t('sponsor_reviews_star_ratings', 'Sponsor Reviews & Star Ratings')}
+
{t('reviews_posted_by_sponsors_desc', 'Ratings can only be posted by verified sponsors who completed verified direct hiring.')}
setShowReviewModal(true)}
className="bg-[#185FA5] hover:bg-[#144f8a] text-white px-5 py-2.5 rounded-xl text-xs font-bold shadow-xs transition-colors"
>
- Post a Trust Review
+ {t('post_trust_review', 'Post a Trust Review')}
@@ -547,7 +549,7 @@ export default function Show({ worker }) {
{/* Similar Recommendations Slider */}
-
Similar Recommended Workers
+
{t('similar_recommended_workers', 'Similar Recommended Workers')}
{worker.similar_workers?.map((sim) => (
@@ -561,12 +563,12 @@ export default function Show({ worker }) {
- {sim.salary} AED/mo
+ {sim.salary} {t('aed', 'AED')}/{t('mo', 'mo')}
View Profile
+ {t('view_profile', 'View Profile')}
→
@@ -585,16 +587,16 @@ export default function Show({ worker }) {
-
Direct Sponsoring Finalized!
+
{t('direct_sponsoring_finalized', 'Direct Sponsoring Finalized!')}
- {worker.name} is successfully marked as Hired under your sponsorship! This direct matching conforms exactly with Stage 4 of our UAE MOHRE zero-middlemen flow.
+ {t('hired_under_sponsorship_desc', '{name} is successfully marked as Hired under your sponsorship! This direct matching conforms exactly with Stage 4 of our UAE MOHRE zero-middlemen flow.').replace('{name}', worker.name)}
-
Next Step: Stage 5 Post-Hire Review
+
{t('next_step_post_hire_review', 'Next Step: Stage 5 Post-Hire Review')}
- Help the UAE community hire safely by posting an anonymous review describing {worker.name}'s childcare, cooking, driving, or domestic skills.
+ {t('help_community_post_review', "Help the UAE community hire safely by posting an anonymous review describing {name}'s childcare, cooking, driving, or domestic skills.").replace('{name}', worker.name)}
@@ -607,13 +609,13 @@ export default function Show({ worker }) {
className="w-full bg-[#185FA5] hover:bg-[#144f8a] text-white py-3 rounded-xl flex items-center justify-center space-x-2"
>
-
Leave a Trust Review
+
{t('leave_trust_review', 'Leave a Trust Review')}
- Back to Worker Directory
+ {t('back_to_worker_directory', 'Back to Worker Directory')}
@@ -634,36 +636,36 @@ export default function Show({ worker }) {
-
Report Vetting Abuse / Terms Violation
+
{t('report_abuse_violation', 'Report Vetting Abuse / Terms Violation')}
- We maintain zero-tolerance for fake documentation, independent recruiters trading cash, or incorrect contact details.
+ {t('zero_tolerance_abuse_desc', 'We maintain zero-tolerance for fake documentation, independent recruiters trading cash, or incorrect contact details.')}
- Reason
+ {t('reason', 'Reason')}
setReportReason(e.target.value)}
className="w-full p-2.5 border border-slate-300 rounded-xl text-xs font-bold text-slate-700 bg-slate-50 focus:outline-none"
>
- Select a reason...
- Worker / agent requested hiring commission fees
- Profile details / passport did not match actual person
- Invalid phone number / unreachable
- Other compliance violations
+ {t('select_reason', 'Select a reason...')}
+ {t('reason_fees', 'Worker / agent requested hiring commission fees')}
+ {t('reason_profile', 'Profile details / passport did not match actual person')}
+ {t('reason_contact', 'Invalid phone number / unreachable')}
+ {t('reason_other', 'Other compliance violations')}
- Additional context details
+ {t('additional_context_details', 'Additional context details')}