✨ feat(i18n): replace hardcoded English text with i18n keys in job pages (#250)

feat(i18n): replace hardcoded English text with i18n keys in job pages

Author: ypo777

messages/en.json

@@ -221,10 +221,15 @@
     "subtitle": "Discover job opportunities posted by Myanmar's software engineering community.",
     "job": "Job",
     "jobsCount": "Jobs",
+    "allJobs": "All jobs",
+    "expired": "Expired",
+    "expires": "Expires",
     "viewDetails": "View details",
     "noJobsTitle": "No jobs yet",
     "noJobsBody": "Job opportunities are coming soon. Community members will be posting positions here.",
+    "noJobFound": "Job not found",
     "postJob": "Post Job",
+    "postedBy": "Posted By",
     "newJob": "New Job",
     "myJobs": "My Jobs",
     "saveDraft": "Save Draft",
@@ -233,6 +238,7 @@
     "editJob": "Edit Job",
     "deleteJob": "Delete Job",
     "postNewJob": "Post New Job",
+    "share": "Share",
     "formPosition": "Position",
     "formPositionPlaceholder": "Job title (e.g. Senior Frontend Engineer)",
     "formTag": "Job Type",

messages/mm.json

@@ -221,10 +221,15 @@
     "subtitle": "မြန်မာ ဆော့ဖ်ဝဲ အင်ဂျင်နီယာ အသိုင်းအဝိုင်းမှ တင်ထားသော အလုပ်အကိုင် အခွင့်အလမ်းများကို ရှာဖွေပါ။",
     "job": "အလုပ်",
     "jobsCount": "အလုပ်များ",
+    "allJobs": "အလုပ်အားလုံး",
+    "expired": "နောက်ဆုံးရက်ကျော်လွန်သွားပါပြီ။",
+    "expires": "နောက်ဆုံးရက်",
     "viewDetails": "အသေးစိတ် ကြည့်ရန်",
     "noJobsTitle": "အလုပ်ခေါ်စာ မရှိသေးပါ",
     "noJobsBody": "အလုပ်အကိုင် အခွင့်အလမ်းများ မကြာမီ ရောက်လာပါမည်။ အသိုင်းအဝိုင်း အဖွဲ့ဝင်များ ဤနေရာတွင် ရာထူးများ တင်ပါမည်။",
+    "noJobFound": "အလုပ်ရှာမတွေ့ပါ။",
     "postJob": "အလုပ်ခေါ်စာ တင်ရန်",
+    "postedBy": "အလုပ်ခေါ်စာတင်သူ",
     "newJob": "အလုပ်ခေါ်စာအသစ်",
     "myJobs": "ကျွန်ုပ်၏ အလုပ်ခေါ်စာများ",
     "saveDraft": "မူကြမ်း သိမ်းရန်",
@@ -233,6 +238,7 @@
     "editJob": "အလုပ် ပြင်ရန်",
     "deleteJob": "အလုပ် ဖျက်ရန်",
     "postNewJob": "အလုပ် အသစ် တင်ရန်",
+    "share": "မျှဝေရန်",
     "formPosition": "ရာထူး",
     "formPositionPlaceholder": "ရာထူး (ဥပမာ - Senior Frontend Engineer)",
     "formTag": "အလုပ် အမျိုးအစား",

src/app/jobs/JobsPageClient.tsx

@@ -233,7 +233,7 @@ const JobCard = ({
                   >
                     <CalendarClock className="w-2.5 h-2.5" />
                     {job.expiredAt.getTime() < Date.now()
-                      ? "Expired"
+                    ? t("expired")
                       : job.expiredAt.toLocaleDateString("en-US", { month: "short", day: "numeric" })}
                   </span>
                 </>

src/app/jobs/post/JobPostClient.tsx

@@ -93,7 +93,7 @@ function JobPostInner() {
             <FileText className="w-7 h-7 text-zinc-500" />
           </div>
           <h2 className="font-display text-2xl font-bold text-white mb-2">
-            Job not found
+            {t("noJobFound")}
           </h2>
           <p className="text-sm text-zinc-500 mb-6">
             This job post may have been removed or is no longer available.
@@ -169,7 +169,7 @@ function JobPostInner() {
             className="inline-flex items-center gap-2 text-sm text-zinc-500 hover:text-zinc-200 transition-colors duration-200"
           >
             <ArrowLeft className="w-4 h-4" />
-            <span className="font-mono text-xs uppercase tracking-wider">Jobs</span>
+            <span className="font-mono text-xs uppercase tracking-wider">{t("allJobs")}</span>
           </MseLink>
 
           <button
@@ -178,7 +178,7 @@ function JobPostInner() {
             className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-mono uppercase tracking-wider text-zinc-500 hover:text-zinc-200 bg-white/[0.03] border border-white/[0.06] hover:border-white/[0.1] transition-all duration-200"
           >
             <Share2 className="w-3 h-3" />
-            Share
+            {t("share")}
           </button>
         </motion.div>
 
@@ -257,7 +257,7 @@ function JobPostInner() {
                   )}
                 >
                   {isExpired ? <AlertTriangle className="w-3.5 h-3.5" /> : <CalendarClock className="w-3.5 h-3.5" />}
-                  {isExpired ? "Expired" : "Expires"}{" "}
+                  {isExpired ? t("expired") : t("expires")}{" "}
                   {post.expiredAt.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}
                 </span>
               );
@@ -290,7 +290,7 @@ function JobPostInner() {
             </div>
             <div>
               <p className="text-sm font-medium text-zinc-200">{post.authorName}</p>
-              <p className="text-[10px] font-mono text-zinc-600 uppercase tracking-wider">Posted by</p>
+              <p className="text-[10px] font-mono text-zinc-600 uppercase tracking-wider">{t("postedBy")}</p>
             </div>
           </div>
         </motion.div>
@@ -421,7 +421,7 @@ function JobPostInner() {
               className="inline-flex items-center gap-2 text-sm text-zinc-500 hover:text-zinc-200 transition-colors duration-200"
             >
               <ArrowLeft className="w-4 h-4" />
-              <span className="font-mono text-xs uppercase tracking-wider">All jobs</span>
+              <span className="font-mono text-xs uppercase tracking-wider">{t("allJobs")}</span>
             </MseLink>
 
             <button
@@ -430,7 +430,7 @@ function JobPostInner() {
               className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-mono uppercase tracking-wider text-zinc-500 hover:text-zinc-200 bg-white/[0.03] border border-white/[0.06] hover:border-white/[0.1] transition-all duration-200"
             >
               <Share2 className="w-3 h-3" />
-              Share
+              {t("share")}
             </button>
           </div>
         </motion.div>